我正在研究CSS中的一些代码,当我查看我所做的更改时,div现在垂直排列,而不是水平排列。我试图让页脚中的三个div从左到右排列。我不确定为什么div容器会移动。
任何帮助都会很棒!
以下是我的测试页的链接 - http://jayclarkephotography.com/
答案 0 :(得分:2)
尝试将float:left
添加到每个div
代码的样式中并减小其宽度,以便它们可以排成一行。否则它们将垂直对齐。
答案 1 :(得分:1)
,您需要添加以下内容:
.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(左,中,右)并在所有上面应用样式。 希望这能帮到你:)