Heim  >  Artikel  >  Web-Frontend  >  CSS的经典问题二:如何解决所有子元素浮动以后,父元素高度为0的问题?_html/css_WEB-ITnose

CSS的经典问题二:如何解决所有子元素浮动以后,父元素高度为0的问题?_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 11:32:201424Durchsuche

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%

 

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn