文章/答案/技术大牛

发布

社区首页 >问答首页 >CSS绝对定位

问CSS绝对定位
EN

Stack Overflow用户

提问于 2011-05-10 01:05:29

回答 2查看 627关注 0票数 2

理论问题：

一个绝对定位的元素在它定位的父元素中应该从哪里开始呢？在它的边界边缘，还是它的填充偏移？Safari在绝对定位孩子时似乎忽略了父母的填充，但firefox和IE似乎考虑了填充并从那个偏移量开始。

谢谢

css

回答 2

Stack Overflow用户

回答已采纳

发布于 2011-05-10 02:12:56

自动偏移的东西将考虑到填充。如果具有非自动偏移，则从填充和边界之间的边界测量这些偏移。

票数 3

Stack Overflow用户

发布于 2011-05-10 01:36:52

以下内容在所有浏览器中似乎都是一样的。在IE9中。FF4.01、GG11、AF5和Opera11。在缺少top、bottom、right或left属性的情况下，子元素在绝对定位时，在应用填充后开始。即，子元素的顶部从填充的底部开始，并且子元素的左侧在左填充之后开始。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Template</title>
<link href="styles.css" type="text/css" rel="stylesheet" />
</head>
<body>

<div class="outer">

<div class="inner">
</div>

</div>

</body>
</html>

CSS

div.outer
    {
    width: 800px;
    height: 500px;
    outline: 1px solid red;
    position: relative;
    background-color: #38EAFF;
    margin: 50px;
    padding: 25px;
    }


div.inner
    {
    width: 400px;
    height: 250px;
    outline: 1px solid green;
    position: absolute;
    background-color: green;
    }

我不认为Safari在这里忽略了父母的建议？

票数 0

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

原文链接：

https://stackoverflow.com/questions/5940139

复制

相似问题

问CSS绝对定位
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问CSS绝对定位EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问CSS绝对定位
EN