![div的布局有哪些类型](http://img.jing111.com/240415/0TF16009-0.jpg)
文章插图
div有五种布局类型:弹性布局、固定布局、流体布局、混合布局、绝对定位布局 。
1、弹性布局:总体宽度及其中所有栏的值都以em单位编写,这应使布局能够使用浏览器的指定基本字体大小缩放 。对于视力不好的用户,这可能更有吸引力、更易于访问,因为栏宽度将变得更宽,能以任何大小显示更舒适、更可读的行长度 。
2、固定布局:总体宽度及其中所有栏的值都以像素单位编写,布局位于用户浏览器的中心 。
3、流体布局:总体宽度及其中所有栏的值都以百分比编写,百分比通过用户浏览器窗口的大小计算 。
4、混合布局:混合布局组合两种其他类型的布局-弹性和流体,页面的总宽度为100%,但侧栏值设置为em单位 。
【div的布局有哪些类型】5、绝对定位布局:所有前述布局的外栏使用浮动内容 。而绝对定位布局完全如其名所示,有绝对定位的外栏 。当使用这些布局时,侧栏会“提出文档流程”,因而可能有一些不合适的结果 。
div的布局有哪些类型的详细内容就为您分享到这里,【精彩生活】jing111.com小编为您精选以下内容,希望对您有所帮助:
- 五红汤可以用电饭煲煮吗 五红汤用电饭煲煮的做法
- 我的世界岩浆桥怎么做
- 氢氧化钠溶液在实验中的作用
- flash按钮的代码是什么
- 奥克斯空调不制冷的原因是什么
- 没有支付牌照的能代还信用卡吗
- 企业给老板的新春拜年短信
- 关于春节的好词佳句
- 红颜中的红是什么意思
- iphone的机型有哪些