1 div在页面居中的问题 1)position值为relative时(相对定位),css设置属性margin:0 auto;(0 auto,表示上下边界为0,左右则根据宽度自适应相同值,即居中)即可。 2)position值为relative时(绝对定位),css设置属性 text-align:c...
分类:
Web程序 时间:
2015-07-21 20:27:47
阅读次数:
103
相对定位和绝对定位
·定位标签:position
·包含属性:relative(相对) absolute(绝对)
1.position:relative; 如果对一个元素进行相对定位,首先它将出现在它所在的位置上。然后通过设置垂直或水平位置,让这个元素"相对于"它的原始起点进行移动。(再一点,相对定位时,无论是否进行移动,元素仍然占据原来的空间。因此,移动元素会导致它覆盖其他框)
...
分类:
Web程序 时间:
2015-07-20 16:27:27
阅读次数:
132
CSS 有三种基本的定位机制:普通流浮动绝对定位position 属性值的含义:static------(元素框正常生成。块级元素生成一个矩形框,作为文档流的一部分,行内元素则会创建一个或多个行框,置于其父元素中。)relative----(元素框偏移某个距离。元素仍保持其未定位前的形状,它原本所占...
分类:
Web程序 时间:
2015-07-20 01:09:46
阅读次数:
223
CSS 相对定位设置为相对定位的元素框会偏移某个距离。元素仍然保持其未定位前的形状,它原本所占的空间仍保留。CSS 相对定位相对定位是一个非常容易掌握的概念。如果对一个元素进行相对定位,它将出现在它所在的位置上。然后,可以通过设置垂直或水平位置,让这个元素“相对于”它的起点进行移动。如果将 top ...
分类:
Web程序 时间:
2015-07-20 01:07:14
阅读次数:
170
BFC(Block Formatting Context,块格式上下文)
具有BFC特性的元素可以看作是隔离了的独立容器,容器里面的元素不会在布局上影响到外面的元素。
在CSS3中,BFC叫做Flow Root。
在CSS2.1中,有三种定位方案——普通流(Normal Flow),浮动(Float)和绝对定位(Absolute Positioning)。
(1)如何触发BFC?
...
分类:
Web程序 时间:
2015-07-18 17:05:12
阅读次数:
116
1、绝对定位 html,body{margin:0; height:100%;}#left,#right{position:absolute; top:0; width:200px; height:100%;}#left{left:0; background:#a0b3d6...
分类:
其他好文 时间:
2015-07-17 15:41:42
阅读次数:
134
float是css的定位属性。在传统的印刷布局中,文本可以按照需要围绕图片。一般把这种方式称为“文本环绕”。在网页设计中,应用了CSS的float属性的页面元素就像在印刷布局里面的被文字包围的图片一样。浮动的元素仍然是网页流的一部分。这与使用绝对 定位的页面元素相比是一个明显的不同。绝对定位的页面元...
分类:
Web程序 时间:
2015-07-16 16:03:37
阅读次数:
177
1.position:relative; 如果对一个元素进行相对定位,首先它将出现在它所在的位置上。然后通过设置垂直或水平位置,让这个元素“相对于”它的原始起点进行移动。(再一点,相对定位时,无论是否进行移动,元素仍然占据原来的空间。因此,移动元素会导致它覆盖其他框) 例如:#mybox{ posi...
分类:
其他好文 时间:
2015-07-16 11:04:49
阅读次数:
102
1、父元素相对定位,并设置padding-left,子元素绝对定位。两者在ff和ie6中表现不一致.fu{ position:relative; padding-left:13px;}.zi{ position:absolute;} 解决办法:父元素添加zoom:1.fu{ zoo...
分类:
其他好文 时间:
2015-07-15 19:06:32
阅读次数:
145
定位分为4种:1:static元素框正常生成。块级元素生成一个矩形框,作为文档流的一部分,行内元素则会创建一个或多个行框,置于其父元素中。(2)absolute元素框偏移某个距离。http://www.w3cfuns.com/thread-258-1-1.html 无父级:参照浏览器左上角 有父.....
分类:
其他好文 时间:
2015-07-13 13:35:43
阅读次数:
130