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