div的布局有哪些类型
div有五种布局类型:弹性布局、固定布局、流体布局、混合布局、绝对定位布局。
1、弹性布局:总体宽度及其中所有栏的值都以em单位编写,这应使布局能够使用浏览器的指定基本字体大小缩放。对于视力不好的用户,这可能更有吸引力、更易于访问,因为栏宽度将变得更宽,能以任何大小显示更舒适、更可读的行长度。
2、固定布局:总体宽度及其中所有栏的值都以像素单位编写,布局位于用户浏览器的中心。
3、流体布局:总体宽度及其中所有栏的值都以百分比编写,百分比通过用户浏览器窗口的大小计算。
4、混合布局:混合布局组合两种其他类型的布局-弹性和流体,页面的总宽度为100%,但侧栏值设置为em单位。
5、绝对定位布局:所有前述布局的外栏使用浮动内容。而绝对定位布局完全如其名所示,有绝对定位的外栏。当使用这些布局时,侧栏会“提出文档流程”,因而可能有一些不合适的结果。
![](/images/zang.png)
![](/images/jiucuo.png)
猜你喜欢
空城计的意思
戏曲传统剧目。取材于三国演义,说诸葛亮用兵失误,失了街亭。魏...脚大拇指长毛是福气吗
脚趾上长毛,运程好百岁,脚趾上长毛生命力旺盛,财运亨通,一辈...后面两字是无凭的成语
空口无凭意思是单凭嘴说而没有什么作为凭据,只要用实物来证明。...货币的由来
货币是商品交换的产物。在原始社会末期最早出现的货币是实物货币...下跌3浪与下跌5浪区别
艾略特波浪理论中一般下跌只有下跌浪,但是实际中有时会出现下跌...香辣花甲的做法
姜蒜洗净切末辣椒洗净切段炒锅加油烧热,先爆香姜蒜辣椒,再加入...关于向国旗敬礼的资料
升旗时所有在场人员都要肃立端正。当主持人宣布奏国歌升国旗仪式...炒年糕要先煮一下吗
炒年糕需要先煮一下。炒年糕的做法锅中放水烧开,把年糕条放进锅...儿童时期补充多少钙每天
童对钙的日需要量为。但最近的研究表明岁儿童摄取钙超过日,可能...世界爱耳日是哪一天
世界卫生组织已于年月日将每年月日确定为国际爱耳日。这次会议除...去南非旅游买什么好
南非木雕采用已经废弃的黑木,经过心灵手巧的南非人的设计再加上...夏小白和范国柱是哪部电视剧
夏小白和范国柱是电视剧只要你过得比我好中的角色。该剧由张国强...原神tohama是谁
男性,火系长柄,稻妻角色。迪奥娜,萝莉,冰系长弓,蒙德猫尾酒...孜然五香羊肉的做法
五香羊肉配料草果两个姜一块,香叶三片,肉蔻两个,白芷两片,小...硅胶文胸的清洗保存方法
硅胶隐形内衣的清洗比较简单,一般用清水或者温和的沐浴露清洗就...