課程
/前端開發
/HTML/CSS
/CSS深入理解之absolute
視頻中老師說絕對定位元素受限于父級元素是什么意思??
2017-11-30
源自:CSS深入理解之absolute 8-2
正在回答
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>絕對定位受父級元素影響</title>
<style>
.box1 {
width:400px;
height:400px;
background-color:red;
text-align:right;
position: relative;
}
.box2 {
width:200px;
height:200px;
background-color:green;
? ? position: absolute;
left: 0;?
top: 0;
</style>
</head>
<body>
<div class="box1">box1
? <div class="box2">box2塊的絕對定位受box1塊的影響(這就叫絕對定位受父級影響,我這么說你能理解不)</div>
</div>
</body>
</html>
舉報
理解CSSposition:absolute聲明,掌握position:absolute高級應用
3 回答absolute元素相對誰來定位的?
1 回答父元素高度為什么是0
3 回答父元素不能是position:absolute;或者relative?為什么?
1 回答位置跟隨的demo中,元素絕對定位后display:block后,我在chrome瀏覽器上沒有出現老師所說的圖片不能換行啊,
5 回答hot這個絕對定位到底是絕對于誰的?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2017-12-07
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>絕對定位受父級元素影響</title>
<style>
.box1 {
width:400px;
height:400px;
background-color:red;
text-align:right;
position: relative;
}
.box2 {
width:200px;
height:200px;
background-color:green;
? ? position: absolute;
left: 0;?
top: 0;
}
</style>
</head>
<body>
<div class="box1">box1
? <div class="box2">box2塊的絕對定位受box1塊的影響(這就叫絕對定位受父級影響,我這么說你能理解不)</div>
</div>
</body>
</html>