清除浮动 : 实现父元素能被浮动元素撑开 (1)添加<div style="clear:both;"></div> (2) css after 伪元素(注意这不是伪类,而是伪元素,代表一个元素之后最近的元素)和 IEhack(zoom:1) ,可以完美兼容当前主流的各大浏览器,这里的 IEhack ...
分类:
其他好文 时间:
2016-08-04 14:40:48
阅读次数:
156
1.在浮动元素尾部加空div 2.父元素设置overflow:hidden; 3.为父元素添加伪类 ...
分类:
其他好文 时间:
2016-08-03 13:37:45
阅读次数:
114
1.如何居中一个浮动元素? 方法一:已知元素的高度 方法二: 2.如何居中一个<img>? ...
分类:
其他好文 时间:
2016-08-02 20:35:45
阅读次数:
310
文档流将窗体自上而下分成一行行, 并在每行中按从左至右的顺序排放元素,即为文档流. (自己的理解是从头到尾按照文档的顺序,该在什么位置就在什么位置,也可以按照上面的意思理解,自上而下,自左到右的顺序) 每个非浮动块级元素都独占一行, 浮动元素则按规定浮在行的一端. 若当前行容不下, 则另起新行再浮动 ...
分类:
其他好文 时间:
2016-08-01 10:33:04
阅读次数:
119
一、float浮动:float:left/right/none/inherit;(inherit从父级继承浮动,对有的浏览器不兼容,一般不用) 1.块在一排显示 2.内联元素支持宽高 3.默认内容撑开宽度 4.脱离文档流(文档流是文档中可显示对象,在排列时所占用的位置) 特性: 1.浮动元素不会覆盖 ...
分类:
其他好文 时间:
2016-07-30 23:55:49
阅读次数:
618
元素:块级元素,内联元素,内联块状元素 块级元素:在默认情况下会独占一块区域 相对于块级元素的父元素来讲,块级元素占据的行默认是单独享有的。 通过设置元素的样式为: 可以让元素具有块级样式。 块级元素的特点是:水平拉伸,垂直包裹。 所谓水平拉伸,是相对于块级元素的父元素来说的。 在不设置with属性 ...
分类:
其他好文 时间:
2016-07-30 00:22:52
阅读次数:
223
1、浮动 浮动是CSS中用到的最多的一个选项,他有三个性质。关于浮动我们要强调一点,永远不是一个东西单独浮动,浮动都是一起浮动,要浮动,大家都浮动。 1.1 浮动元素脱离标准文档流 1.1.1 大概描述:有两个盒子,一个盒子浮动,一个盒子不浮动。浮动的盒子会脱离标准文档流,不浮动的盒子会在标准文档流 ...
分类:
Web程序 时间:
2016-07-24 22:20:38
阅读次数:
11363
浮动元素是布局之中是非常的重要的 个人的理解就是把一个元素像一个气球一样 漂浮在标准流上面,浮动元素不在标准流里面占有位置 但是 也不会遮盖住其他元素的内容 浮动可以浮左 float:left或者浮右 float:right 清除浮动的方法有很多 讲父元素overflow: hidden;就可以了 ...
分类:
其他好文 时间:
2016-07-23 18:10:52
阅读次数:
99
元素是怎样浮动 元素的水平方向浮动,意味着元素只能左右移动而不能上下移动。 一个浮动元素会尽量向左或向右移动,直到它的外边缘碰到包含框或另一个浮动框的边框为止。 浮动元素之后的元素将围绕它。 浮动元素之前的元素将不会受到影响。 正文 浮动是一种半脱离文档流的状态,他不像绝对定位那样完全脱离文档流 绝 ...
分类:
Web程序 时间:
2016-07-20 06:30:24
阅读次数:
386
浮动元素脱离文档流,不占据空间。浮动元素碰到包含它的边框或者浮动元素的边框停留。 浮动元素引起的问题和解决办法? 浮动元素引起的问题: 父元素的高度无法被撑开,影响与父元素同级的元素 与浮动元素同级的非浮动元素(内联元素)会跟随其后 若非第一个元素浮动,则该元素之前的元素也需要浮动,否则会影响页面显 ...
分类:
其他好文 时间:
2016-07-16 20:17:17
阅读次数:
333