浮動布局是存在這種問題的，當視窗縮小後右邊的部分會被擠到頁面底部。這個問題該怎麼解決呢？
例如：css:
.left
.right
解決方法是：將左右兩部分網頁的寬度設定為百分數。
左邊：width:30%;
右邊：width:70%;
今天在設計網頁時遇到了乙個難題，大半天的時間才搞明白，左右網頁部分採用的是百分數的寬度，裡面的元素用的寬度是絕對寬度，但是在視窗縮小時，右邊元素總是被擠到網頁下面，或者連滾動條也沒有，看不到隱藏的部分。
找了半天，才知道問題所在：html:overflow:hidden; 是這句**，讓縮小之後的視窗的部分元素隱藏，看不到滾動條。將這具**去掉，重新整理網頁：ok。
好不容易把網頁調好了，在firefox裡看了一下，結果網頁右部乙個form表單被擠到了與它平行的**下面。改了寬度，margin,padding等結果都不行，我想了一種解決方法：寫兩種樣式，一種在ie裡面用，一種在firefox裡面用
浮動 清除浮動 盒子布局
div table,td table,td 單獨設定表的左和上邊框,然後設定td的右和下邊框,也可以避免重複問題 table td.a aa hover ddiv div a1.a2 sup sub father big small footer clear father big small foo...
高階布局 浮動 清浮動
文件流 normal flow bfc block fromatting context 塊級格式化上下文,它是乙個獨立的渲染區域,只有block level box參與,它規定了內部的block level box如何布局,並且與這個區域外部毫不相干.bfc規則 1.內部的box會在垂直方向,乙個...
浮動布局及清除浮動的方法
浮動元素的特點 1.脫離標準流的控制，浮動的盒子不再保留原先的位置 2.行內元素具有浮動，可直接設定寬高屬性 3.塊級元素沒設定寬度，預設寬度和父級一樣寬，但是新增浮動後，大小由內容決定 4.浮動的盒子中間沒有空隙為什麼清除浮動 很多情況下，父元素不方便設定高度，高度由子元素撐起，但子元素浮動，就會...