1.浮动元素会让元素脱离文档流。 2.行框和清理 如果浮动元素后有一个文档流中的元素，框的文本内容会受到影响，留出空间。 用clear：left、right、both、none可以避免。 3.加一个清理元素可以迫使元素包围。 或者使用浮动容器 ...
分类：
其他好文 时间：
2018-01-09 23:20:06
阅读次数：
352
margin是盒模型的外边距，padding是盒模型的内边距； 用margin时，最好给父级元素加上overflow：hidden；（溢出隐藏） 用padding时，最好给自身加上box-sizing：border-box；（固定边框） margin的bug： 1. IE6中浮动元素3px间隔Bug ...
分类：
其他好文 时间：
2018-01-03 22:44:27
阅读次数：
230
关于margin：在需要border外侧添加距离时。空白处不需要背景时。相连的两个部分的地方需要加外边的边距时使用。 关于padding：在需要border内侧添加距离时。空白处需要背景时。相连的两个部分的地方需要加内部的边距时使用。 IE6中双边距Bug： 发生场合：当给父元素内第一个浮动元素设置 ...
分类：
Web程序 时间：
2018-01-03 22:37:04
阅读次数：
271
一、子元素都是浮动元素时，父元素最好是不用设置高度，防止子元素不设置高度溢出父元素 有时候会有零点几的误差高度 直接设置子元素高度即可 通过 clear: both;清除子元素浮动达到父元素自适应高度 二、vertical-align 属性设置元素的垂直对齐方式。 该属性定义行内元素的基线相对于该元 ...
分类：
Web程序 时间：
2017-12-28 19:48:06
阅读次数：
153
上一篇中我们了解了块级元素与内联元素，今天将自己查阅的资料整理写出来，与大家一起理解什么是浮动，以及怎样清除浮动，本文以div元素为例。 浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。所以浮动也有left、right、none三种。浮动元素是脱离文档流的，漂浮在文档流 ...
分类：
其他好文 时间：
2017-12-26 21:03:45
阅读次数：
133
<style> #div{ width: 800px; height: 500px; border: 1px solid gold; position: relative; } #div1{ width: 200px; height: 200px; background-color: cyan; p ...
分类：
其他好文 时间：
2017-12-26 12:08:11
阅读次数：
173
清除浮动的几种方式？ 答：1，父级 div 定义 height 原理：父级 div 手动定义height，就解决了父级 div 无法自动获取到高度的问题。 简单、代码少、容易掌握 ，但 只适合高度固定的布局. 2，结尾处加空 div 标签 clear：both 原理：在浮动元素的后面添加一个空 di ...
分类：
Web程序 时间：
2017-12-11 22:09:50
阅读次数：
208
清除样式 一、清除间距：*{margin:0;padding:0;} 1，便于设计，清除不同标签的内外间距值； 2，可以使所有的浏览器这两项默认值统一，有利于后期的兼容性调整。 (不同浏览器对不同标签的默认margin,padding值不一样) 二、清除浮动 浮动元素，脱离文档流，变成内联块元素；不 ...
分类：
其他好文 时间：
2017-12-05 23:56:55
阅读次数：
368
CSS中的浮动和清除浮动，梳理一下！ 第一篇就整理整理CSS中很常见的浮动以及清除浮动的一些方式吧。 浮动到底是什么？ 浮动核心就一句话：浮动元素会脱离文档流并向左/向右浮动，直到碰到父元素或者另一个浮动元素。请默念3次！ 浮动最初设计的目的并没那么多事儿，就只是用来实现文字环绕效果而已，如下所示： ...
分类：
Web程序 时间：
2017-12-03 00:34:00
阅读次数：
205
浮动： 使元素推理文档流，按照指定方向发生移动； 遇到父级边界或者相邻的浮动元素会停下来； 浮动的特性： 1，块元素一行显示多个； 2，内联元素支持宽高； 3，没有设置宽度时由内容撑开宽度； 4，脱离文档流； 浮动的破坏性： 浮动元素脱离文档流后，导致父级元素高度塌陷。父级元素无法包裹住子级浮动元素 ...
分类：
其他好文 时间：
2017-11-26 11:02:38
阅读次数：
146
