我正在尝试让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的外观,因为我知道它更适合布局。我出于某种原因无法掌握它。
答案 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;
}