<!DOCTYPE?html>
<html>
????<head>
????????<meta?charset="UTF-8">
????????<title></title>
????????<style>
????????????html,body{margin:?0;height:?100%;}????
????????????/*不加html會出現中間內容區域高度塌陷*/
????????????.left,?.right{
????????????????float:?left;
????????????????height:?100%;
????????????????width:?200px;
????????????}
????????????.left{background-color:?#FF8C00;margin-left:?-100%;}
????????????.right{background-color:?lightpink;margin-left:?-200px;}
????????????.far-box{width:?100%;height:?100%;float:?left;}
????????????.son-box{margin:?0?210px;background-color:?#1E90FF;height:100%;}
????????</style>
????</head>
????<body>
????????<div?class="far-box">
????????????<div?class="son-box">我是內容部分</div>
????????</div>
????????
????????<div?class="left">我是左邊部分</div>
????????<div?class="right">我是右邊部分</div>
????????
????</body>
</html>這個布局的原理有點不懂，詳細解釋一下
- 1 回答
- 0 關注
- 1378 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消