另一種三列布局的方法,代碼如下,希望指正。
簡單來說就是利用float后,緊跟元素會受到影響來布局,只調整了一下box2和box3的 div順序,中間部分經測試可以自適應寬度,不知道這種方法有沒有什么隱患,希望大神指教。
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
<style type="text/css">
.box1{width:200px;height:500px;float:left;background:#0C6;}
.box2{height:500px;background:#00C;}
.box3{width:400px;height:500px;float:right;background:#C3F}
</style>
</head>
<body>
<div class="box1">box1</div>
<div class="box3">box3</div>
<div class="box2">隨著互聯網的發展速度迅猛,前端工程師職業越來越火熱,想學習Web前端技能嗎 ? 該路徑從基礎知識到實戰案例演練,一步步帶您快速掌握如何搭建網站靜態頁面、開發網站交互特效,為您打開WEB前端工程師大門。還在等什么?快來學習吧! </div>
</body>
</html>
2015-10-21
雖然不知道有沒有什么隱患。但是就我目前的菜鳥水平來看,實際工作中用的不多。