简单布局：
先画一个草图，确定页面中大盒的布局，再大盒中确定小盒的布局。
高度塌陷：
在文档流中，父元素的高度会默认为子元素撑开，当子元素浮动，脱离文档流后，父元素内容区高度塌陷，页面父元素以下的父元素都会上移，将会导致页面混乱。
解决方法一：写死父元素的高度，但会失去适应性，不推荐。
方法二：根据W3C的标准，在页面元素中都含有一个隐含的属性叫做Block Formatting Context 简称BFC ，默认关闭。作用：开启元素的BFC后，元素将会具有如下特性：1.父元素的垂直边距不会与子元素重叠；
2.开启BFC的元素不会被浮动的元素覆盖；
3.开启BFC的元素可以包含浮动的元素。
开启方式：
1.设置元素浮动（可以撑开父元素，但父元素的宽度丢失，下方元素依旧上移）
2.设置元素绝对定位 ；3.设置元素为inlink-block（较前者，可避免下方元素上移）；
4.将overflow设置为非visible值（推荐，但不兼容IE6）
5.hasLayout解决（适用于IE8以下）：将zoom设置为1，zoom表示放大（建议4，5一起用）
简单布局： 先画一个草图，确定页面中大盒的布局，再大盒中确定小盒的布局。 高度塌陷： 在文档流中，父元素的高度会默...
CSS的背景 1•background-attachment设置背景图像是否固定或者随着页面的其余部分滚动。•sc...
Yahoo前端优化十四条军规(1)
1.循环语句 2.数组去重 3.字符串反转 4.定时器的基本用法 5.定时器动画 6.时钟 7.闭包 8.闭包存循...
一、函数的定义和调用 1.1 函数的定义方式 方式1 函数声明方式 function 关键字 (命名函数)func...
#Web前端 - web前端是什么 - 定义 - 职责 - web前端基础知识和学习路线 - web前端学习的...
前端整体 基础学习路线 进阶学习路线 整体学习路线 「前端进阶」2018/2019 史上最全的前端学习路线 How...
iOS开发如何学习前端 iOS开发如何学习前端
Web前端 web前端是什么- 定义 职责 web前端基础知识和学习路线 web前端学习的资源 1.Web前端是...
我的前端学习之路 最近在闲暇之余在学习前端开发 前端学习之第一步：下载webstorm，开...
本文标题：前端学习（十四）
本文链接：https://www.haomeiwen.com/subject/kxsvactx.html
网友评论