【问题标题】:How can I make a div assume 100% of its containing div?如何让 div 假设其包含 div 的 100%?
【发布时间】:2010-04-20 05:08:29
【问题描述】:

我试图让一个 div 假设它是 100% 的父 div。父 div 充当页面包装器,因此它已经假设 100% 的页面宽度。我试过添加width: 100%,但这似乎不起作用。我有点困惑,因为这似乎是一件相对简单的事情。

【问题讨论】:

  • @hasatterwhite 查看我的回答。

标签: css html width


【解决方案1】:

根本不指定宽度。对于div 元素(或任何块级元素),无论它设置了什么填充/边距设置,这将使其假定为 100% 宽度。

根据盒子模型,显式设置 100% 宽度实际上会使元素太宽,因为它会计算填充。

如果这不起作用,则有一些其他 CSS 设置干扰,您需要显示更多布局和 HTML 代码。

【讨论】:

  • @Pekka 感谢您的帮助。没有关闭另一个 div 是一个笨拙但常见的错误,这导致 div 不承担其容器的全部宽度。也感谢其他所有人的投入!
【解决方案2】:
display: block;
width: auto;

应该适合你。

【讨论】:

  • display: block; 是不必要的,因为 <div> 默认是屏蔽的。
【解决方案3】:

您需要像往常一样显示更多现有的 css 代码,默认情况下,一个 div 会占用它可用的整个空间,前提是它有一些内容。

除此之外,请确保将父 div 的边距和内边距设置为 0。

.parent{
margin:0;
padding:0;
overflow:auto;
}
.child{
margin:0;
padding:0;
}

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-04-06
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多