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