如何让一个 div 左右各空一定距离然后 div 占满剩下的宽度?

  如何让一个 div 左右各空一定距离然后 div 占满剩下的宽度?

最开始想到的方法就是 div 宽度取 n%, style 设置 margin:auto。

但是这样有一个问题,一定距离是根据 n 的取值而来。

今天无意中发现一个方法就是 div 外层套一个 div 设置 style margin-left margin-right 指定的距离,不指定宽度,

里面的div 设置 width 100% 。

1      <div style="margin:0px 10px 10px 10px;border:1px solid red;">
2         <div style="width:100%; border:1px solid blue;">123</div>
3     </div>

 

 

posted on 2014-04-28 15:25  thegavincheng  阅读(1309)  评论(0编辑  收藏  举报