float元素默认会收缩
div块级元素,默认从上往下流

如何让导航栏有竖排→横排
给每一块加上 float:left;
![]()
注意事项:以防出bug,在加了float块的父级,加上伪类:clearfix,具体写法如下:
.clearfix::after{
content: '';
display: block;
clear: both;
}
本文介绍CSS中float元素的特性及如何使用它使div块级元素从垂直排列变为水平排列,创建横排导航栏。同时,为避免浮动带来的布局问题,文章推荐在父级元素上应用clearfix伪类。
float元素默认会收缩
div块级元素,默认从上往下流

如何让导航栏有竖排→横排
给每一块加上 float:left;
![]()
注意事项:以防出bug,在加了float块的父级,加上伪类:clearfix,具体写法如下:
.clearfix::after{
content: '';
display: block;
clear: both;
}
9702

被折叠的 条评论
为什么被折叠?