請問 絕對定位的 元素 無法撐開父級元素 怎么解決？
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>混合布局編程挑戰</title>
<style type="text/css">
body{ margin:0; padding:0; font-size:30px; color:#fff}
.top{background:#ccc;height:100px;}
.main{background:red;width:100vw;position:relative;}
.left{ background:blue;width:200px;position:absolute;top:0;}
.right{background:#9acc99;margin-left:210px;}
.foot{background:orange;}
</style>
</head>
<body>
<div class="top">top</div>
<div class="main">
? ? <div class="right">右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右</div>
? ? <div class="left">左左左左左左左左左左左左左左左左左左左左左左左左左左左左左左左左左左左左左左左左左左左左左左左左左左左左左左左左左左左左左左左左左左左左左左左左左左左左左左左左左左左左左左左左左左左左左左左左左左左左左左左左左左左左左</div>
</div>
<div class="foot">footfoot</div>
</body>
</html>
2016-03-22
第一個錯誤：main 里面 width:100vw?? ?改正：可以去掉
第二個錯誤：left設置一個高度 改正：hight:600px;
第三個錯誤：right設置一個高度 改正 hight:600px;
搞定!!!!!
2019-12-22
定位是撐不開父元素的，想實現的話用js 計算子元素需要的高度然后設置父元素高度
2019-10-15
限制父級高度 感覺是目前唯一的辦法
2017-05-12
這個是無法實現的 ??
2017-05-12
剩下的風格和你
2017-03-06
雖然問題久遠，今天我也碰到這個問題了，想問下是不是絕對定位脫離文檔流，也不像浮動可以清除，所以會導致父元素無法自適應吧
2016-03-21
清除浮動