真诚感谢任何帮助。
由于某种原因,在我的无序列表中,最后两项没有按预期 float 。
你可以在 zenmonyDOTcom/immune-support-c30/
看到它
这是布局:
ul.categories-list {
width: 620px;
padding: 30px 0 10px 60px;
float: left;
min-height:425px;
background: url(/images/categories_bkgrnd_main.png) no-repeat;
list-style:none;
text-align: center;
}
.categories-list li {
position:relative;
margin:5px;
float:left;
display: block;
}
是不是元素清关不当? 谢谢!
最佳答案
从 ul.categories-list
中删除 float: left;
并将 padding 修改为 30px 0 10px 0
并将 display: inline-block;
添加到 .categories-list li
并删除 float: left;
.categories-list li {
position:relative;
margin:5px;
display: inline-block;
}
https://stackoverflow.com/questions/13331231/