頁面布局之一邊固定一邊自適應

2022-08-05 02:45:22 字數 860 閱讀 3296

專案開發過程中我們常用的布局一邊固定一邊自適應。常見的是左邊固定,右邊自適應。

1.浮動

2.定位

這種布局方式有一定的缺陷,當內容的高度大於父元素時,會影響下面的布局,出現下面的情況。這種方式不建議在不知道內容高度的情況下使用.

flex 是css3的特性,有相容性.

4.calc

calc()不是所有的都相容.

>主體內容顯示區域

div>

div>

<

div

class

="sidebar"

>導航區域

div>

div>

如何一邊寬度自適應 一邊寬度固定

一 右側固定寬度 左側自適應 第一種 左側用margin right,右側float right 就可以實現。html 可以如下寫 我是龍恩 我是龍恩 css 可以如下寫 box left box right 如上 就可以實現效果。第二種 左側同樣用margin right 右側採用絕對定位 如下 ...

一邊學習,一邊記錄

1 flutter channels 檢視flutter分支 帶星 表示當前的分支 2 flutter doctor 檢視flutter環境配置完成情況 3 flutter devices 執行時需要的裝置 4 flutter upgrade 更新flutter 5 flutter packages...

一邊泡茶一邊搬磚

有很多剛開始喝茶,還不太懂茶的茶友經常會有這樣的疑惑 喝茶,到底哪一泡才是最好喝的呢?對於每泡茶的口感,一直流傳著這麼一段話 一道水,二道茶,三道四道是精華,五道六道也不差,七泡有余香,八道有餘味,九道十道仍回味。這麼說來,第 三 四道才是茶最精華的口感。事實上也確實是這樣,茶葉剛泡的時候味道還沒出...