绝对相对CSS位置
具有绝对位置性质的A div .
<html>
<head><title></title>
<style type="text/css">
.mydiv
{
position:absolute;
background-color:red;
min-width:150px;
min-height:150px;
}
</style>
</head>
<body>
<div class="mydiv"></div>
</body>
</html>具有相对位置性质的div。
<html>
<head><title></title>
<style type="text/css">
.mydiv
{
position:relative;
background-color:red;
min-width:150px;
min-height:150px;
}
</style>
</head>
<body>
<div class="mydiv"></div>
</body>
</html>当我使用绝对时，它是相对位置的ok.but，div的最小宽度不起作用。请解释输出差异的原因，因为我们可以理解绝对位置属性和相对位置属性之间的差异。
回答 4
Stack Overflow用户
发布于 2017-01-29 06:00:12
Relative ：相对于它的当前位置，但可以移动。或者相对定位元素相对于自身定位。
绝对：绝对定位元素相对于IT最接近定位的父元素定位。如果其中一个是存在的，那么它就像窗口上的fixed.....relative一样工作。
HTML
<div class="parent">
<div class="mydiv"></div>
</div>CSS
.parent{
width:150px;
height:150px;
}
.mydiv
{
position:relative;
background-color:red;
min-width:150px;
min-height:150px;
}在这里，第二亲本div位置是相对的，所以中间div将改变它相对于第二父div的位置。如果第一亲本的位置是相对的，那么中间的div将改变它相对于第一父div的位置。
Stack Overflow用户
发布于 2017-01-29 05:50:50
根据参考文献的说法，“绝对位置是一个地方在地图上的确切位置，而相对位置是对一个地方相对于其他地标的位置的估计。”这意味着相对考虑父母的差异，但绝对是完全绝对的。我有办法解决你的问题，让你明白这意味着什么。
<html>
<head><title></title>
<style type="text/css">
.mydiv
{
position:relative;
background-color:red;
min-width:150px;
min-height:150px;
}
.container{
width:150px;
height:150px;
}
</style>
</head>
<body class="container">
<div class="mydiv"></div>
</body>
</html>Stack Overflow用户
发布于 2017-01-29 05:58:35
亲属是非常令人困惑的，而且经常被滥用。首先，您必须理解相对意味着位置相对于元素通常所处的位置。为了正确使用它，甚至要对要移动的元素产生影响，还必须添加一个位置属性。
例如，假设您希望对象从通常的位置向下移动10 be。然后将: top: 10 to；添加到代码中。这将使对象从原来的位置向下移动10 the。
所以，您的代码应该如下所示：
<html>
<head><title></title>
<style type="text/css">
.mydiv
{
position:relative;
top: 10px;
background-color:red;
min-width:150px;
min-height:150px;
}
</style>
</head>
<body>
<div class="mydiv"></div>
</body>
</html>这应该会帮助你更好地理解这个定义，以及它的用法。祝好运!
https://stackoverflow.com/questions/41917907
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号