【发布时间】:2010-04-20 05:08:29
【问题描述】:
我试图让一个 div 假设它是 100% 的父 div。父 div 充当页面包装器,因此它已经假设 100% 的页面宽度。我试过添加width: 100%,但这似乎不起作用。我有点困惑,因为这似乎是一件相对简单的事情。
【问题讨论】:
-
@hasatterwhite 查看我的回答。
我试图让一个 div 假设它是 100% 的父 div。父 div 充当页面包装器,因此它已经假设 100% 的页面宽度。我试过添加width: 100%,但这似乎不起作用。我有点困惑,因为这似乎是一件相对简单的事情。
【问题讨论】:
根本不指定宽度。对于div 元素(或任何块级元素),无论它设置了什么填充/边距设置,这将使其假定为 100% 宽度。
根据盒子模型,显式设置 100% 宽度实际上会使元素太宽,因为它会计算填充。
如果这不起作用,则有一些其他 CSS 设置干扰,您需要显示更多布局和 HTML 代码。
【讨论】:
display: block;
width: auto;
应该适合你。
【讨论】:
display: block; 是不必要的,因为 <div> 默认是屏蔽的。
您需要像往常一样显示更多现有的 css 代码,默认情况下,一个 div 会占用它可用的整个空间,前提是它有一些内容。
除此之外,请确保将父 div 的边距和内边距设置为 0。
.parent{
margin:0;
padding:0;
overflow:auto;
}
.child{
margin:0;
padding:0;
}
【讨论】: