当子元素的尺寸超过父元素的尺寸时,需要设置父元素显示溢出的子元素的方式,设置的方法是通过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