在具有绝对位置的嵌套Div标记中，div块宽度不接受整个块。
在具有绝对位置的嵌套Div标记中，div块宽度不接受整个块。
提问于 2012-04-04 06:52:14
请看下面的示例http://jsfiddle.net/xcYum/1/
- 我想知道为什么div标记(带有class=progress)内容被分解成两行而不是一行(即您的进度相对于您的进度)。我不需要为'div class=progress‘指定宽度。你能给我一个解释，所有的css和/或html元素类型(或装箱，无论什么原因)都会发生这种情况吗？我只想知道规则到底是如何工作的，而不是背起它起作用或不起作用的案例。
- ，如果我将.container css更改为：.container {.container: relative；}那么div标记(带有class=progress)现在显示在单行中，为什么相对和绝对会产生这样的差异？还是因为它是嵌套的？
- 如何避免嵌套绝对定位的div标记？有这样的结构是错误的还是错误的。我在这个例子中使用它是因为我希望'100%‘和’您的进度‘是基于'div class=container’标签定位的，然后我可以移动'div class=container‘标签。换句话说，这样做，我只需移动一件东西('div class=container‘标签)，使两件事情移动(100%和’您的进度‘)，另一个方法是更多的工作。我的思维过程怎么了？
回答 2
Stack Overflow用户
发布于 2012-04-04 06:56:01
- ，因为绝对定位的元素收缩-包装，换句话说，它变得尽可能小。您可以强制文本永远不要使用
white-space: nowrap - Not包装，确定为什么会发生
- ，您不需要对元素进行绝对定位，以便与父元素
一起移动
Stack Overflow用户
发布于 2012-04-04 07:11:55
- 绝对元素为普通流子元素和位置属性设置为绝对的后代创建了一个新的包含块。
参考资料：http://reference.sitepoint.com/css/absolutepositioning
- 与first
相同
- 绝对元素相对于其包含的块定位。所以，您只需要一个父'div class=container‘有相对位置，然后它的所有元素的绝对位置将与它一起移动。
参考资料：http://reference.sitepoint.com/css/absolutepositioning
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/10006234
复制相关文章
相似问题
腾讯云开发者
