html div 怎么讓多瀏覽器兼容flexbox容器樣式?
怎么讓多瀏覽器兼容flexbox容器樣式?事實上,要使多個瀏覽器與flexbox容器樣式兼容,您可以使用以下CSS樣式來定義。柔性容器{顯示:-moz-box/*火狐*/顯示:-ms flexbox/
怎么讓多瀏覽器兼容flexbox容器樣式?
事實上,要使多個瀏覽器與flexbox容器樣式兼容,您可以使用以下CSS樣式來定義。柔性容器{顯示:-moz-box/*火狐*/顯示:-ms flexbox/*IE10*/顯示:-webkit框/*野生動物園*/顯示:-webkit flex/*Chrome,網(wǎng)絡(luò)工具包*/顯示:boxdisplay:柔性連接顯示:flexwidth:100% 高度:100cm底色:灰色}
1。首先要做的是創(chuàng)建兩個div。
2. 創(chuàng)建div之后,需要分別為它們提供class屬性。
3. 接下來,使用CSS通過class屬性設(shè)置它們的樣式。
4. 需要給它們一個寬度和高度,為了便于觀察,可以給它們一個邊界。
5. 接下來,為非浮動div設(shè)置樣式并為其指定背景色。
6. 接下來,要設(shè)置掛起的div的樣式,您需要首先絕對定位它。設(shè)置其位置。
7. 接下來,您需要使用top和left來設(shè)置浮動div的位置,如下圖所示。
8. 設(shè)置完成后,返回頁面查看效果。