当子元素的尺寸超过父元素的尺寸时，需要设置父元素显示溢出的子元素的方式，设置的方法是通过overflow属性来设置。 overflow的设置项： 1、visible 默认值。内容不会被修剪，会呈现在元素框之外。2、hidden 内容会被修剪，并且其余内容是不可见的，此属性还有清除浮动、清除margi ...
分类：
Web程序 时间：
2017-12-17 18:22:18
阅读次数：
249
浮动清除的环境：当我们有一个大盒子的时候，里面嵌套着若干个小盒子，因为小盒子的内容是变化的。有可能它的长度会不断的变长，直到超过大盒子的长度。大盒子此时定义一个具体的长度是在某种程度上说没有意义的，因为最后的长度还是要依据内部小盒子的长度。而内部小盒子由于布局，为都设置浮动。所以这会导致一个现象是大 ...
分类：
Web程序 时间：
2017-11-06 19:05:06
阅读次数：
265
一. 垂直居中 写页面的时候，尤其像提示信息类，为了更好的视觉体验，要求是垂直居中。列出以下三种实现方式： 第一种：居中的部分绝对定位并平移本身宽高的各一半 position: absolute; top:50%; left:50%; transform: translate(-50%, -50%) ...
分类：
Web程序 时间：
2017-10-19 14:06:21
阅读次数：
174
overflow:hidden;功能： 1、隐藏溢出； 2、清除浮动。 清除浮动不止一种方法，其实除了clear:both;之外，还有很多方法。 http://www.jb51.net/css/173023.html 介绍了8种清除浮动的方法，我觉得比较全面。 ...
分类：
其他好文 时间：
2017-10-01 23:51:51
阅读次数：
369
文档流（标准流） 1、元素自上而下，自左而右 2、块元素，独占一行，行内元素在一行上显示，碰到父级元素的边框换行 浮动left 浮动的框可以向左或是向右移动，直到它的边缘碰到包含框或是另个浮动框的边框为止 特点 设置了浮动的元素不占原来的位置（不在标准流） 可以让块级元素在一行显示 浮动可以行内元素 ...
分类：
Web程序 时间：
2017-09-14 20:08:06
阅读次数：
261
清除浮动的方法: 方法一：给浮动元素的父亲元素添加属性：overflow： auto； <style type="text/css"> *{padding:0;margin:0;} .clearfix{ border: 3px solid green; width: 200px; overflow: ...
分类：
Web程序 时间：
2017-09-04 16:30:19
阅读次数：
147
clear:both清除浮动为了统一样式，我们新建一个样式选择器CSS命名为“.clear”，并且对应选择器样式为“clear:both”，然后我们在父级“</div>”结束前加此div引入“class="clear"”样式。这样即可清除浮动。 父级div定义 overflow:hidden对父级C ...
分类：
Web程序 时间：
2017-07-10 10:29:09
阅读次数：
223
clear:both清除浮动为了统一样式，我们新建一个样式选择器CSS命名为“.clear”，并且对应选择器样式为“clear:both”，然后我们在父级“</div>”结束前加此div引入“class="clear"”样式。这样即可清除浮动。 父级div定义 overflow:hidden对父级C ...
分类：
Web程序 时间：
2017-07-10 10:27:09
阅读次数：
150
