摘要: 以前一直搞不清楚这两个究竟是怎么样的一回事,总觉得很难理解的,但是最近接触多了,也有点了解了。 相对定位(relative):不会让出自己占用的位置 绝对定位(absolute):会让出自己的占用位置 <div class="contain"> <div class="main"></div> </div>css样式:.contain{width:200px;height:200px;position:relative;}.main{width:100px;height:100px;position:abs 阅读全文
posted @ 2013-02-21 21:42 MoenyChen 阅读(264) 评论(0) 推荐(0) 编辑
摘要: 在IE8下如果父div没有设置border,而在子div里面设置了border的话,如果这时在子div里设置margin-top的话,是不起作用的,代码如下:<div class="contain"> <div style="subMain"></div></div>css样式:.contain{width:200px; height:200px;margin-top:100px; background-color:gray;overflow:hidden;//解决方法一:在父div加这句就可以了/*bor 阅读全文
posted @ 2013-02-21 21:26 MoenyChen 阅读(291) 评论(0) 推荐(0) 编辑
摘要: 在做专题页的时候,需要把背景图在各种分辨率下都居中,就是说在低分辨率下,好像自动把背景图的两边去掉,留下中间的,在高分辨率下,把两边也保留。 这时需要把背景图放在body里面,而且需要设置背景图居中就可以了,如下所示: background: url("../images/yxsjBg.jpg") no-repeat center 0; 阅读全文
posted @ 2013-02-21 18:51 MoenyChen 阅读(142) 评论(0) 推荐(0) 编辑
摘要: 很多时候我们都需要做一个带有圆角的图,这时会布局为左(圆角)中(平铺)右(圆角),而且中间是要根据内容自动撑开的(布局如下所示)<div class="contain"><div class="circleFrame"> <div class="circleLeft"></div><div class="circleRight"></div><div class="circleMid"></div>& 阅读全文
posted @ 2013-02-21 17:54 MoenyChen 阅读(135) 评论(0) 推荐(0) 编辑