应用包含边距的相对大小

时间:2010-02-25 20:54:31

标签: html css

我有一个div width100%。我知道我可以使用设置为box-sizing的{​​{1}}(或-moz-box-sizing}来获取border-box的总宽度,包括边框和填充(但不是边距)计算100%。有没有办法在相对大小计算中包含保证金?

或者,如果有一种非Javascript 方式来指定宽度中相对和绝对尺寸的组合,那将会很棒,例如:

div

可以完成其中任何一项吗?

2 个答案:

答案 0 :(得分:3)

知道你的意思是有用的,但知道这一切 - 我建议你使用宽度和填充的封面div或只有宽度my-div有余量:

<div id="wrapper">
  <div id="my-div">
    content
  </div>
</div>

的CSS:

#wrapper { width: 450px; padding: 25px; } /* i.e. relative 100% = 450px now */
  #my-div { margin: 20px; } /* there. now we have 100% - 40px width :] */

那样的东西?

答案 1 :(得分:0)

亚当回答了这个问题。我唯一的补充是你永远不需要将&lt; div /&gt;的宽度设置为100%。你可以免费获得,设置它只会给你带来麻烦。