第一種方法：
關於這個布局，作者是這樣說明的：「left和right都貼住左側。設定left在right上面(z-index)；在right內加個放內容的層(content)；設定content距離right的左側為200px，即剛巧等於left的寬度。」
這個布局有乙個缺點就是，如果我設定了foot的div，試了很多辦法，都不能根據content的高度，連著中間的內容，自動置於html頁面的底部。如有牛人知道解決方法，望留言解答。
複製**
**如下:
<>
www.cppcns.com;
左側固定寬度200px
右側寬度自動適應
www.cppcns.comlass="foot">
想看看他的位置會在哪？
本文標題: 左側固定寬度，右側自適應寬度的css布局
本文位址:
左側寬度固定，右側寬度自適應
實現左側寬度固定，右側寬度自適應的布局有很多，這裡介紹幾種方式 方式一 左側盒子寬度設定為100畫素，並且設定為左浮動，右側的盒子不設定寬度，只是設定個margin left值就可以了，如下 左側右側 但是以上辦法，如果設定為右側，固定左側自適應的布局是不可以的，如果想實現這樣的布局可以設定把兩個盒...
兩列布局 左側寬度固定，右側寬度自適應的兩種方法
今天做了乙個練習，要求用兩種方法來實現左側寬度固定 右側寬度自適應的兩列布局。一開始我以為會很簡單，畢竟只是練習，但是我寫出了一種方法之後卻沒能順利的寫出第二種方法。對於網上的一些解決方法我還是不太滿意，於是自己繼續琢磨著，問問一些前輩，希望得到一些思路。終於，皇天不負有心人，在自己翻譯的一篇關於b...
左側固定 右側自適應
左側浮動，右側margin left值為左側寬即可。由於左側浮動，左側盒子脫標，右側仍在標準文件流，右側盒子寬度是剩下的寬度，效果為右側自適應。右側內容可居中，常規用法即可。需注意的是左側浮動，右側不能繼續浮動。如果兩邊盒子都浮動，由於右側盒子寬度不固定，預設為內容撐開寬度。若浮動，極有可能在第二排...