为什么div在浮动时一直向右浮动:左边?

时间:2015-05-18 19:57:40

标签: html css css-float

我正在尝试让div在此页面的“精选”部分下对齐:http://paulsavagejr.com/home.html。相反,div正在与屏幕右侧对齐,即使其代码中包含float:left

我想也许如果我在之前的div上定义了高度,它会将它强制降到正确的位置,但这不起作用。我还尝试display:inline-block作为替代方案,看看它是否有所帮助,但只是让div更加不合适。

div的代码是:

#clients {
float: left;
background-color: #E2E3E5;
color: #1A1B1D;
width: 19%;
padding-left: 3%;
padding-right: 3%;
padding-top: 20px;
padding-bottom: 20px;
}

完整的样式表可在此处找到:http://www.paulsavagejr.com/assets/css/style-desktop.css

非常感谢任何帮助。特别是,使用display:inline-block可能会影响div的外观,因为我知道它更适合布局。我出于某种原因无法掌握它。

1 个答案:

答案 0 :(得分:2)

在样式表的第123行,删除float: left;,总结一下,您现在应该只有这个:

<强> CSS:

#clients {
    background-color: #E2E3E5;
    color: #1A1B1D;
    width: 19%;
    padding-left: 3%;
    padding-right: 3%;
    padding-top: 20px;
    padding-bottom: 20px;
}