首页 文章

xHTML / CSS：如何使内部div获得100％宽度 - 边距

提问于
浏览 次
3

我有2个嵌套的div，外部有一个宽度：100％

<div id="#outer" style="width:100%; border:1px">
  <div id="#inner" style="width:100%; border:1px; margin:4px">
    something inside ...
  </div>
</div>

但在这种情况下，内部div超过外部宽度8px（边距） . 如何使内部div获得外部div的宽度减去8px边距？

附：在我的情况下，所有样式都在不同的类中，这里我将CSS放入样式属性只是为了简化 .

css xhtml html

2 回答

  • 9

    取消内部div上的宽度应该有效， width: auto; 将使用边距，并扩展到最大水平区域：

    <div id="#outer" style="width:100%; border: solid 1px red;">
  <div id="#inner" style="border:solid 1px green; margin:4px">
    something inside ...
  </div>
</div>
    回复于
  • 0

    以下是一些样式，如果您直接删除元素上的那些样式 . 我在内部CSS上使用了auto，并使用了margin-right = 8px . 为了更容易看到我做了内部绿色和外部黑色 .

    #outer
    {
        width: 100%;
        border: 1px solid black;
    }

    #inner
    {
        width: auto;
        border: 1px solid green;
        margin-right: 8px;
    }
    回复于

相关问题