如何使三个div排成水平而不是垂直。 WordPress的

时间:2013-07-19 15:49:28

标签: wordpress html

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

任何帮助都会很棒!

以下是我的测试页的链接 - http://jayclarkephotography.com/

3 个答案:

答案 0 :(得分:2)

尝试将float:left添加到每个div代码的样式中并减小其宽度,以便它们可以排成一行。否则它们将垂直对齐。

答案 1 :(得分:1)

在您的CSS中

,您需要添加以下内容:

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

上面指定的宽度是你的容器div宽度(1056px)除以3.如果你有填充等,你可能需要减少这个数字。

答案 2 :(得分: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(左,中,右)并在所有上面应用样式。     希望这能帮到你:)