html div 怎么让多浏览器兼容flexbox容器样式?
浏览量:2680
时间:2021-03-13 16:32:19
作者:admin
怎么让多浏览器兼容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. 设置完成后,返回页面查看效果。
html div css创建div css怎么定义div文件
版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。