CSS的經典問題二:如何解決全部子元素浮動之後,父元素高度爲0的問題?

CSS的經典問題二:如何解決全部子元素浮動之後,父元素高度爲0的問題?佈局

1. 爲父元素設置固高,反作用:若是子元素是動態數據,無法肯定子元素高;
2. 爲父元素指定overflow:hidden;有反作用
3. 爲父元素添加後置內容生成選擇器,無反作用。
  .parent:after{
    content:' ';
    display:table;
    clear:both;
  }ui

 

Bootstrap柵格佈局系統spa

 

.container的寬度問題:
  超大屏,屏寬>1200px():容器寬1170px
  普通大屏,屏寬>992px():容器寬950px
  小屏,屏寬>768px():容器寬750px
  超小屏,屏寬<768px():容器寬autotable


.container-fluid的寬度問題:容器

  width永遠100%數據

相關文章
相關標籤/搜索