浮动 一.浮动 1.元素脱标:元素脱标是浮动的元素脱离了标准文档流 2.span标签和div标签设置为浮动后就具有了行内块的属性,即可以和其他元素共用一行,也可设置宽高 3.收缩:如果一个block元素浮动之后,宽度就由内容决定,而不是父容器决定 4.行元素:与其他元素共用一行;不能设置宽高,默认宽 ...
分类：
其他好文 时间：
2018-05-07 21:02:08
阅读次数：
103
一、Floatfloat 属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围，不过在 CSS 中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。 二、Position2.1、position: staticstatic定位是HTML元素的默认值，即没有 ...
分类：
Web程序 时间：
2018-05-06 22:18:20
阅读次数：
723
一、浮动 1.浮动特点：脱离文档流，向左/向右浮动直到遇到父元素或者别的浮动元素，浮动会导致父元素高度坍塌。 2.清除浮动：clear和bfc 二、Flex布局 1，意为弹性布局，设为Flex布局以后，子元素的float、clear和vertical-align属性将失效。 2，容器的属性（其中io ...
分类：
Web程序 时间：
2018-05-06 18:57:47
阅读次数：
189
1、文档流 文档流：将窗体自上而下分成一行行, 并在每行中按从左至右的顺序排放元素,即为文档流.也就是说从头到尾（自上而下，自左到右）按照文档的顺序，放置元素。 每个非浮动块级元素都独占一行, 浮动元素则按规定浮在行的一端. 若当前行容不下, 则另起新行再浮动.内联元素也不会独占一行. 几乎所有元素 ...
分类：
其他好文 时间：
2018-04-26 13:19:33
阅读次数：
104
清除浮动的几种方式和兼容性处理 在清除浮动前我们要了解两个重要的定义： 浮动的定义：使元素脱离文档流，按照指定方向发生移动，遇到父级边界或者相邻的浮动元素停了下来。 高度塌陷：浮动元素父元素高度自适应（父元素不写高度时，子元素写了浮动后，父元素会发生高度塌陷） 知道浮动和为什么要清除浮动之后我们可以 ...
分类：
其他好文 时间：
2018-04-09 21:04:07
阅读次数：
174
W3C 规范中 BFC的定义： 浮动元素和绝对定位元素，非块级盒子的块级容器（例如 inline-blocks, table-cells, 和 table-captions），以及overflow值不为“visiable”的块级盒子，都会为他们的内容创建新的BFC（块级格式上下文）。 在BFC中，盒 ...
分类：
其他好文 时间：
2018-04-06 23:48:15
阅读次数：
214
不就是用chrome浏览器打印功能，然后保存为pdf就可以了吗？ 对于一些结构简单的比如，RFC文档这样操作一般没什么问题，对于一些有浮动元素的网页就不好说了，必须先用chrome的审查元素把一些不必要的浮动元素删除掉之后再保存，否则这些浮动元素会让你保存的pdf文档结构非常乱。 ...
分类：
Web程序 时间：
2018-04-04 23:13:46
阅读次数：
213
也就是说本来你排好的界面设计，但是因为浮动会导致元素脱离文档流，使得其他非浮动的块级元素会无视这个浮动元素所占据的空间，或者是内联元素的变化，导致排版出现问题。 常见的float带来的问题： 这就是问题的所在，那么如何对这些问题进行解决的同时有不会使float失去效果呢？ 参考资料： http:// ...
分类：
Web程序 时间：
2018-03-30 18:33:10
阅读次数：
196
清除浮动的几种方式和兼容性处理 在清除浮动前我们要了解两个重要的定义： 浮动的定义：使元素脱离文档流，按照指定方向发生移动，遇到父级边界或者相邻的浮动元素停了下来。 高度塌陷：浮动元素父元素高度自适应（父元素不写高度时，子元素写了浮动后，父元素会发生高度塌陷） 知道浮动和为什么要清除浮动之后我们可以 ...
分类：
其他好文 时间：
2018-03-28 16:44:37
阅读次数：
173
块级元素的垂直相邻外边距会合并，水平边距永远不会重合。 行内元素实际上不占上下外边距，左右外边距也不会合并。浮动元素的外边距也不会合并。 外边距重叠的意义 外边距的重叠只产生在普通流文档的上下外边距之间，这个看起来有点奇怪的规则，其实有其现实意义。设想，当我们上下排列一系列规则的块级元素（如段落P） ...
分类：
其他好文 时间：
2018-03-27 21:06:44
阅读次数：
960
