常用側欄固定寬度，內容欄的寬度自適應，在不同的解析度下實現寬度自適應。下面是我根據工作實踐總結的一些實現方法的demo。
方法一：固定寬度區浮動 float，自適應區寬度自適應設定 margin
html結構：
class="content">
class="slider">
href="#">導航1a>
li>
href="#">導航2a>
li>
href="#">導航3a>
li>
href="#">導航4a>
li>
href="#">導航5a>
li>
href="#">導航6a>
li>
ul>
div>
class="main">
div>
div>css部分：
*.content
.slider
.slider
ul .slider
ulli
.slider
ulli
a .main
html結構同上
css部分：
*
.content
.slider
.slider
ul .slider
ulli
.slider
ulli
a .main
html結構同上
css部分：
*
.content
.slider
.slider
ul .slider
ulli
.slider
ulli
a .main
固定右欄寬度, 左欄內容先出現同時自適應寬度的布局
left定義100 寬度並利用margin 0 0 0 200px把左邊整塊放在偏移入左邊200px處，再利用 innerleft的margin 0 0 0 200px再把內容撐出來，right只是簡單的浮動，innerright公尺多大作用，只是習慣性保留著，除了可以讓我們的控制更簡單點，還可以為...
vuejs中拖動改變元素寬度實現寬度自適應大小
需求效果 原理 拖動效果的實現基本都是dom操作來實現的，通過拖動分隔線，計算分隔線與瀏覽器邊框的距離 left 來實現拖動之後的不同寬度的計算 當拖動分隔線1時，計算元素框left和mid 當拖動分隔線2時，計算元素框mid和right 同時設定元素框最小值以防止元素框拖沒了 其實是被遮住了 使用...
DIV布局之三行兩列左欄寬度固定右欄寬度自適應
在用div布局時，總會碰到各種各樣的問題，有些還非常怪異，總之讓人頭大。不過當你找到了竅門，你就會把它當作是一門藝術來看待了，真的非常有趣。現在先來談談關於三行兩列的布局 左欄固定，右欄自適應寬度 之一，我能想到比較好的辦法是使用margin漂浮法。先說說要做成這件事，要做些什麼，會碰到些什麼問題。...