                        課程
                    
                        /前端開發
                        
                            /HTML/CSS
                        
                        /一課全面掌握主流CSS布局

這節課程有問題

這節課程有問題。這樣做的話，right元素的子元素內容會被 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>兩列布局的第一種解決方案優化版</title>??<style>????#left,????#right?{??????height:?300px;????}????#left?{??????/*?定寬?*/??????width:?400px;??????background-color:?#c9394a;??????/*?當前元素脫離文檔流?*/??????float:?left;??????/*?設置顯示層級更高?*/??????position:?relative;????}????/*?自適應?*/????#right-fix?{??????/*?設置為浮動，導致默認寬度值為?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>??<!--?為自適應元素定位父級元素?-->??<div?id="right-fix">????<div?id="right">??????<div?id="inner"></div>????</div>??</div></body></html>