Heim > Artikel > Web-Frontend > CSS的经典问题二:如何解决所有子元素浮动以后,父元素高度为0的问题?_html/css_WEB-ITnose
CSS的经典问题二:如何解决所有子元素浮动以后,父元素高度为0的问题?
1. 为父元素设置固高,副作用:如果子元素是动态数据,没法确定子元素高;
2. 为父元素指定overflow:hidden;有副作用
3. 为父元素添加后置内容生成选择器,无副作用。
.parent:after{
content:' ';
display:table;
clear:both;
}
Bootstrap栅格布局系统
.container的宽度问题:
超大屏,屏宽>1200px():容器宽1170px
普通大屏,屏宽>992px():容器宽950px
小屏,屏宽>768px():容器宽750px
超小屏,屏宽
.container-fluid的宽度问题:
width永远100%