web布局固定寬度 變化寬度實現思路

2021-09-11 09:16:28 字數 691 閱讀 8725

頁面當中常規布局我想大家都會的,但有些布局是常規布局中實現不了的,比如變寬和固寬結合的,需要實現(300px)+(100%-300px)的兩列布局。以下樣式**前提均為盒模型為border-sizing 的前提下。

"main">

"left">

左邊內容

"right">

"rightcont">

右邊內容

複製**

.main

.main .left

.main .right

.main .right .rightcont

複製**

//父元素要清楚浮動

.main

.main .left

.main .right

複製**

.main

.main .left

.main .right

複製**

.main

.main .left

.main .right

複製**

.main

.main .left

.main .right

複製**

div 固定寬度橫向布局

在這裡,先想說一下div 布局和table 布局孰優孰劣的問題,個人覺得其實不是說div 布局就一定要好於table 個人感覺最外層的布局用table 蠻不錯的,就是 過多,眼暈,沒別的壞處。言歸正傳,假設想用布局乙個固定寬的的 應該怎樣去做?div 是 塊 元素,每個div 預設都會佔據一行的,如...

網頁布局(左邊固定寬度)

123 7353637 38看見了看見離開家離開家破誒 兩口 兩口卡計畫看看見了看見離開家離開家破誒 兩口 兩口卡計畫看看見了看見離開家離開家破誒 兩口 兩口 3940 看見了看見離開家離開家破誒 兩口 兩口卡計畫看看見了看見離開家離開家破誒 兩口 兩口卡計畫看看見了看見離開家離開家破誒 兩口 兩口...

左側固定寬度,右側自適應寬度的CSS布局

第一種方法 關於這個布局,作者是這樣說明的 left和right都貼住左側。設定left在right上面 z index 在right內加個放內容的層 content 設定content距離right的左側為200px,即剛巧等於left的寬度。這個布局有乙個缺點就是,如果我設定了foot的div,...