文章/答案/技术大牛

发布

社区首页 >问答首页 >什么是包含浮动元素的块？

问什么是包含浮动元素的块？
EN

Stack Overflow用户

提问于 2017-01-11 09:51:02

回答 1查看 266关注 0票数 3

在css2.1规范中，它说：

浮动框被移到左边或右边，直到它的外部边缘接触到包含的块边缘或另一个浮动的外部边缘。

我想知道浮动元素的包含块是什么，我测试：

body {
    position: relative;
    margin: 5px;
    padding: 10px;
}

p {
    float: left;
    position: absolute;
    margin: 10px;
}

<body>
    <p>hehe</p>
</body>

根据css2.1规范，绝对定位元素的包含块是最近定位块容器的填充框。

但是在上面的代码中，浮动元素被浮动到内容框边界。我很困惑如何找到浮动元素的包含块。

css-float

css-position

html

css

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-01-11 10:19:32

你问题的前提是有缺陷的。绝对定位的元素不能浮动，浮点数不能绝对定位。来自第9.7节

..。如果“位置”的值为“绝对”或“固定”，则框被绝对定位，“浮点”的计算值为“无”。

所以你不是想在这里找到浮动的包含块。您正在试图找到已放弃的元素的包含块。

尽管如此，如果您真的必须知道，浮点数的包含块与我在我对你上一个问题的回答中描述的相对定位或非定位元素是相同的，因为浮点数是不能放弃的。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/41587518

复制

相似问题

问什么是包含浮动元素的块？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问什么是包含浮动元素的块？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问什么是包含浮动元素的块？
EN