浮動布局問題多,還是用inline block吧

2022-03-30 19:22:57 字數 322 閱讀 6693

說說知識陳舊的問題。

目前我的前端開發知識積累最大的問題就是版本問題,也許我已經經歷了很多,嘗試了很多,

但是有些知識的版本已經過時了,而我還沒有來得及更新它們。更悲劇的可能是有些部分我還沒有意識到。

浮動這部分的知識就是嚴重陳舊的,ie6\7時代。

現在有機會更新一下。浮動最大的特點是環繞,當然無法做到word裡面的四周環繞,只能左右環繞。

對於布局,當然最完美的是flexbox,(非css3時代table當然是布局王者,確實div+css float是夠好用,但是float設計的目的恐怕也不是布局吧)

常見的三列布局,暫時還是離不開浮動

浮動布局出現的問題

浮動布局是存在這種問題的,當視窗縮小後右邊的部分會被擠到頁面底部。這個問題該怎麼解決呢?例如 css left right 解決方法是 將左右兩部分網頁的寬度設定為百分數。左邊 width 30 右邊 width 70 今天在設計網頁時遇到了乙個難題,大半天的時間才搞明白,左右網頁部分採用的是百分數...

web頁面與多頁應用(布局之浮動)

1.使用浮動來設定二列布局 利用浮動和塊級元素實現的左側寬度固定,右側自適應寬度的布局方式 left right css left right 2.使用浮動 著名的有 聖杯布局 和 雙飛翼布局 他們都是左側,右側寬度固定。中間自適應的三列布局。聖杯布局 聖杯布局 中每列都用了浮動,不同的是元素順序並...

解決巢狀布局浮動引起的父容器塌陷問題

float是我們在左右布局中經常用到的標籤,在使用時引起的父容器塌陷問題總是令人非常頭疼。今天筆者就來詳細得寫寫解決父容器的塌陷問題都有哪些辦法,這些辦法的好處和壞處都又有哪些。首先我們先寫乙個父容器塌陷問題。讓兩個div進行左浮動。執行結果圖 此時很明顯,父容器 all塌陷了。出現問題的原因 當給...