html div 怎么让多浏览器兼容flexbox容器样式?

怎么让多浏览器兼容flexbox容器样式?事实上,要使多个浏览器与flexbox容器样式兼容,您可以使用以下CSS样式来定义。柔性容器{显示:-moz-box/*火狐*/显示:-ms flexbox/

怎么让多浏览器兼容flexbox容器样式?

事实上,要使多个浏览器与flexbox容器样式兼容,您可以使用以下CSS样式来定义。柔性容器{显示:-moz-box/*火狐*/显示:-ms flexbox/*IE10*/显示:-webkit框/*野生动物园*/显示:-webkit flex/*Chrome,网络工具包*/显示:boxdisplay:柔性连接显示:flexwidth:100% 高度:100cm底色:灰色}

1。首先要做的是创建两个div。

2. 创建div之后,需要分别为它们提供class属性。

3. 接下来,使用CSS通过class属性设置它们的样式。

4. 需要给它们一个宽度和高度,为了便于观察,可以给它们一个边界。

5. 接下来,为非浮动div设置样式并为其指定背景色。

6. 接下来,要设置挂起的div的样式,您需要首先绝对定位它。设置其位置。

7. 接下来,您需要使用top和left来设置浮动div的位置,如下图所示。

8. 设置完成后,返回页面查看效果。