一定一自適應 左定寬，右自適應 左自適應，右定寬

兩個div，一側定寬一側自適應，涉及的原理：①div有個預設的屬性，即如果不設定寬度，那他會自動填滿父標籤的寬度（也可以說是塊級元素的屬性）；②自適應區不能設定浮動，因為一旦浮動就不是塊級元素了，而是行內塊，失去了塊級元素的預設屬性；③position:absolute；絕對定位不受流式布局影響；④calc()用在css中動態計算長度值；

一、兩個div，左側定寬200px，右側自適應：

定寬區浮動，自適應區不設寬 設margin

.left 

.right 

定寬區絕對定位，自適應區不設寬 設margin  

.left 

.right 

外層加個父div display:table，子div display:table-cell;  

.outer 

.inleft 
.inright 

效果如下：

二、兩個div，左側自適應，右側定寬200px：

對於右側定寬，左側自適應的兩種方法照搬到這裡是不起作用的，因為在流式布局中是從上到下，從左到右，所以對於左定右自適應還是比較佔優勢的。

下面看下怎麼解決左自適應右定。

1.第一種解決方案：

左側寬度width用calc計算，右側絕對定位 

.left 

.right 

左右div換位置，左側不設寬 設margin，右側浮動

.left 

.right 

外層加個父div display:table，子div display:table-cell; 

.outer 

.inleft 
.inright 

效果如下：

前端複習 CSS布局1 右定寬左自適應

和俊伯約定，此後大家都挖一口井，俊伯的任務是每天讀一點書，我推薦了 百年孤獨 小傢伙很認真，經常督促我，還質疑我，問如和監管我，計畫到了第三天，我終於想到了，寫學習部落格。馬上要找工作了，基礎知識都過一遍，以此開篇。要求 content盒子是自適應寬度 在左邊 sidebar是定寬的 在右邊 css...

布局左固定右自適應

存在乙個問題就是當螢幕縮小至一定寬度的時候，邊框欄會被擠開 1body 67 8margin 0 auto 9 11 12background color bd9c8c 13 15.header 2324 2526 width 80 27margin 0 auto 28 29.main conten...

NEC定寬自適應布局

nec是什麼？nec是nice easy css的簡稱，是網易 杭州 前端css開源專案代號，她為您提供漂亮簡單的樣式解決方案。她包括了規範 框架 庫 外掛程式等內容，致力於為前端開發人員提供高效率高質量的前端頁面開發解決方案，提高多人協作效率，也為非專業人員提供快速製作網頁的解決方案。今天特地學習...