Css可以很方便地將一個元素分成左右兩塊。
/* html代碼 */ <div class="container"> <div class="left"></div> <div class="right"></div> </div>
我們需要設置container的寬度和高度,以及將左右兩個塊都設置為浮動。
/* css代碼 */ .container{ width: 1000px; height: 500px; } .left{ width: 50%; height: 100%; float: left; } .right{ width: 50%; height: 100%; float: right; }
這樣就成功地將一個元素分成了左右兩塊,可以在左邊顯示內容,在右邊顯示其他內容,或者使用其他方式。Css變化多端,需要掌握不同的技巧和方法才能靈活運用。