css - 我怎样才能让我的 div 不那么宽，同时也向右移动？

Question

我的网站上有一个“联系方式”部分，我有一个表单部分和一个联系信息部分作为两个单独的 div。该表单运行良好，但出于某种原因，我无法让联系信息部分同时保持在右侧，同时变得不那么宽。我有一张图片，因此您可以了解问题所在:http://i.imgur.com/smjnXw1.png我希望它们彼此水平对齐。谢谢!

Answer 1

假设你的表单是正确的，因为我看不到你的代码，你可以编辑 css。

#form{
width: 500px; /*fill in the width and height*/
height: 500px;
float: left;
}

 #contact{
    width: 500px; /*fill in the width and height*/
    height: 500px;
    float: left;
    }

默认情况下，除非指定并且是 block 元素，否则 div 会尽可能宽，因此您的#form 会占用整个宽度空间。这是我认为您要实现的目标的示例 fiddle 。

http://jsfiddle.net/valleydigital/j3qpeaym/