(5)父级 div 定义 overflow:auto。
(6)父级 div 也浮动,需要定义宽度。
(7)父级 div 定义 display:table。
(8)结尾处加 br 标签 clear:both。
总结:比较好的是第 3 种方式,简洁方便。
4. box-sizing 常用的属性有哪些分别有什么作用
常用的属性:box-sizing: content-box border-box inherit;
作用:content-box:宽度和高度分别应用到元素的内容框。在宽度和高度
之外绘制元素的内边距和边框(元素默认效果)。
border-box:元素指定的任何内边距和边框都将在已设定的宽度和高度内进
行绘制。通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽
度和高度。
5. Doctype 作用标准模式与兼容模式各有什么区别
(Q1)
告知浏览器的解析器用什么文档标准解析这个文档
。DOCTYPE 不存
在或格式不正确会导致文档以兼容模式呈现。
(Q2) 标准模式的排版和 JS 运作模式都是以该浏览器支持的最高标准运
行。在兼容模式中,页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为
以防止站点无法工作。
6. HTML5 为什么只需要写
< Doctype html>
3