0

我正在编写 CSS 中的一些代码，当我查看所做的更改时，div 现在垂直排列，而不是水平排列。我正在尝试使页脚中的三个 div 从左到右排列。我不确定为什么 div 容器会移动。

任何帮助都是极好的！

这是我的测试页面的链接 - http://jayclarkephotography.com/

4

3 回答 3

2

尝试添加float:left每个div标签的样式并减小它们的宽度，以便它们可以排列在一起。否则它们将垂直对齐。

于 2013-07-19T15:51:27.237 回答
1 
#container {height: 100%; width:100%; font-size:0;}
#left, #middle, #right {display: inline-block;zoom: 1; vertical-align:top;font-size: 12px;}
#left{width: 25%; background: blue;}
#middle{width: 50%; background: green;}
#right{width: 25%; background: yellow;}

将三个 div（左、中、右）放在容器 div 中，并将上述样式应用于所有。希望这对你有帮助:)

于 2013-07-20T05:35:15.483 回答
1

在您的 CSS 中，您需要添加以下内容：

.footer_box{float:left; width:352px;}

上面指定的宽度是您的容器 div 宽度（1056px）除以 3。如果您有填充等，您可能需要减少此数字。

于 2013-07-19T15:59:56.320 回答