這節(jié)課程有問題
這節(jié)課程有問題。這樣做的話，right元素的子元素內(nèi)容會(huì)被 left元素蓋住一部分
<!DOCTYPE?html><html><head>??<meta?charset="UTF-8">??<meta?name="viewport"?content="width=device-width,?initial-scale=1.0">??<meta?http-equiv="X-UA-Compatible"?content="ie=edge">??<title>兩列布局的第一種解決方案優(yōu)化版</title>??<style>????#left,????#right?{??????height:?300px;????}????#left?{??????/*?定寬?*/??????width:?400px;??????background-color:?#c9394a;??????/*?當(dāng)前元素脫離文檔流?*/??????float:?left;??????/*?設(shè)置顯示層級(jí)更高?*/??????position:?relative;????}????/*?自適應(yīng)?*/????#right-fix?{??????/*?設(shè)置為浮動(dòng)，導(dǎo)致默認(rèn)寬度值為?0?*/??????float:?right;??????width:?100%;??????margin-left:?-400px;??????background-color:?hotpink;????}????#right?{??????background-color:?#cccccc;????}????#inner?{??????background-color:?green;??????height:?300px;??????clear:?both;????}??</style></head><body>??<div?id="left"></div>??<!--?為自適應(yīng)元素定位父級(jí)元素?-->??<div?id="right-fix">????<div?id="right">??????<div?id="inner"></div>????</div>??</div></body></html>
2020-04-04
是的，這節(jié)確實(shí)有問題，right的寬度還是100%