当前位置: 代码迷 >> HTML/CSS >> div布局解决方法
  详细解决方案

div布局解决方法

热度:595   发布时间:2014-02-23 23:09:51.0
div布局

<div id="bigDiv" style="width:200px;  height:50;">
    <div></div>
    <div></div>
    <div></div>
    <div></div>
</div>

如何把bigDiv里面的小Div横着排 每个50px 要动态的 根据bigDiv变化而变化
效果


#bigDiv{
      overflow:hidden;
}
#bigDiv div{
      float:left;
      width:50px;
      height:50px;
      border:1px solid #aaa;
      margin:5px;
}

主要就是这样,样式要改,就自己按想法再改即可。
  相关解决方案