關(guān)于絕對定位的margin屬性的問題
關(guān)于絕對定位那里沒怎么懂。如果子元素絕對定位了,父元素不是不能獲取這個絕對定位的子元素的高度嗎,那設(shè)置margin-bottom為什么會撐高父容器的?而且我自己寫測試也不能撐高父元素高度。還是說我理解有誤,有一些關(guān)鍵的東西跟視頻里設(shè)置的不一樣
關(guān)于絕對定位那里沒怎么懂。如果子元素絕對定位了,父元素不是不能獲取這個絕對定位的子元素的高度嗎,那設(shè)置margin-bottom為什么會撐高父容器的?而且我自己寫測試也不能撐高父元素高度。還是說我理解有誤,有一些關(guān)鍵的東西跟視頻里設(shè)置的不一樣
2017-08-11
舉報
2019-11-27
<!DOCTYPE html>
<html>
<head>?
<meta charset="utf-8">?
<title>W3Cschool教程(w3cschool.cn)</title>?
<style type="text/css" media="all">
? ? .div2 {
? ? ? ?position: relative;
? ? ? ?border: 1px solid;
? ? ? ?width: 600px;
? ? ? ?height: 600px;
? ? ? ?overflow: auto;
? ? }
? ? .img1 {
? ? ? ? position: absolute;
? ? ? ? top: 10%;
? ? ? ? left: 10%;
? ? ? ? margin-top:10%;
? ? ? ? margin-left:10%;
? ? ? ? /*以下仍然失效 */
? ? ? ? margin-right:80%;
? ? ? ? /*變得有效*/
? ? ? ? margin-bottom:80%;
? ? }
</style>
</head>?
<body>
<div class="div2">
? ? <img class= "img1" src="http://photocdn.sohu.com/20150505/mp13579778_1430811186687_4.jpeg"
? ? alt="" width="150" style="">
</div>
</body>
</html>
2017-08-22
父元素應(yīng)該設(shè)置了position: relative屬性了吧