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%