代码之家  ›  专栏  ›  技术社区  ›  Matt Ball

应用包含边距的相对大小

  •  2
  • Matt Ball  · 技术社区  · 16 年前

    我有一个 div 谁的 width 100% . 我知道我可以用 box-sizing (或 -moz-box-sizing border-box 部门 的总宽度,包括边框和边距(但不包括边距),计算为100%。有没有一种方法可以在相对尺寸计算中也包含余量?

    非Javascript

    #my-div {
        width: 100% - 10px;
    }
    

    这两种方法都可以吗?

    2 回复  |  直到 16 年前
        1
  •  3
  •   Adam Kiss    16 年前

    知道你的观点会有帮助,但我建议你使用包装器 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 :] */
    

        2
  •  0
  •   Robusto    16 年前

    亚当回答了这个问题。我唯一要补充的是,您不需要设置<div/>'s宽度为100%。你免费得到它,设置它只会给你带来麻烦。