1.元素的position属性的值默认为static 就是没有定位，元素出现在正常的文档流中，，这个时候你给这个元素设置的left,right,bottom,top这些偏移属性都是没有效果的, 使用相对定位时，就算元素被偏移了，但是他仍然占据着它没偏移前的空间, 绝对定位：position:abso ...
分类：
Web程序 时间：
2016-10-27 19:13:01
阅读次数：
178
两种做法。 做法一： 思路是：1、利用left/right两个元素实现左右浮动，浮动流不会影响middle元素的位置，但会遮盖文档流。 2、 然后在middle元素中加入margin-right和margin-left属性，使中间的元素撑开占据空间，如果只设置了margin-right或者margi ...
分类：
其他好文 时间：
2016-10-24 02:25:07
阅读次数：
140
为什么要清除浮动 父元素的高度是由子元素撑开的，且子元素设置了浮动，父元素没有设置浮动，子元素脱离了标准的文档流，那么父元素的高度会将其忽略，如果不清除浮动，父元素会出现高度不够，那样如果设置border或者background都得不到正确的解析。 清除浮动的方法： 1、给浮动元素父级加overfl ...
分类：
Web程序 时间：
2016-10-24 02:19:38
阅读次数：
147
最近在项目中有好几次遇到这个问题，感觉是浮动引起的，虽然用<div style="clear:both"></div>解决了，但自己不是特别明白，又在网上查了相关内容，是因为给li设置了浮动之后它就脱离当前正常的文档流，所以没办法撑开外层ul的高度。 以下面代码为例，其实有好几种解决方法，我用的这种 ...
分类：
Web程序 时间：
2016-10-23 15:00:46
阅读次数：
217
浮动元素脱离文档流，不占据空间。浮动元素碰到包含它的边框或者浮动元素的边框停留。 浮动元素引起的问题和解决办法？ 浮动元素引起的问题： 父元素的高度无法被撑开，影响与父元素同级的元素 与浮动元素同级的非浮动元素（内联元素）会跟随其后 若非第一个元素浮动，则该元素之前的元素也需要浮动，否则会影响页面显 ...
分类：
其他好文 时间：
2016-10-23 09:46:45
阅读次数：
262
当元素使用float属性，将脱离文档流，因此父元素便不会包围它。 我是左栏 我是左栏 我是左栏 我是左栏 我是右栏 我是页脚 CSS样式如下：section{ border: 1px solid #333333; margin:0 0 10px 0; }... ...
分类：
其他好文 时间：
2016-10-20 14:31:58
阅读次数：
104
一、定义： z-index 只适用于元素有定位的情况，表示层级 数值越大 层级越高 展示的位置越靠前。 二、用法： 1、同级关系： z-index值较大的元素将叠加在z-index值较小的元素之上 （值可以为负数） z-index值相同时 按照文档流顺序排列 2、父子关系： 如果设置了父元素的z-i ...
分类：
其他好文 时间：
2016-10-20 14:27:58
阅读次数：
131
我们先来看看CSS3 Api中对position属性的相关定义： static：无特殊定位，对象遵循正常文档流。top，right，bottom，left等属性不会被应用。 relative：对象遵循正常文档流，但将依据top，right，bottom，left等属性在正常文档流中偏移位置。而其层叠 ...
分类：
Web程序 时间：
2016-10-20 07:39:01
阅读次数：
198
1元素浮动float 使用了浮动属性后，浮动的元素从文档流中脱离出来，同时，它对布局中的其它元素造成一定影响，，使环绕该元素的内容从新布局。 2清除浮动的影响clear clear属性的取值包括：none,left,right,both,分别表示：允许元素的两边都可以有浮动元素，不允许左边有浮动元素 ...
分类：
Web程序 时间：
2016-10-17 06:49:05
阅读次数：
246
1.使用浮动时出现的情况： （1）使块元素在一行显示 （2）使内嵌元素支持宽高 （3）不设置宽高的时候宽度由内容撑开 （4）换行不被解析（故使用行内元素的时候清除间隙的方法可以使用浮动） （5）元素添加浮动，会脱离文档流，按照指定的一个方向移动，直到碰到父级的边框或者另外一个浮动元素停止（文档流是文 ...
分类：
Web程序 时间：
2016-10-15 16:20:58
阅读次数：
151
