随笔分类 -  CSS

摘要:方案一、利用浮动的包裹性和相对定位百分比数据值特性,传说称之为“相对浮动”.unknow_width_center1{position:relative;left:50%;float:left;}.unknow_width_center1 li{position:relative;right:50%... 阅读全文
posted @ 2015-04-30 17:15 sinbad121 阅读(461) 评论(0) 推荐(0)
摘要:对于图片在box内水平居中的问题,在项目中肯定是会经常碰到的。 这是我目前知道的几种解决方法 先贴出html代码 方法1:.boxBlock{width:200px;height:200px;vertical-align:middle;display:table-cell;backg... 阅读全文
posted @ 2015-04-30 16:29 sinbad121 阅读(426) 评论(0) 推荐(0)
摘要:转载至:http://www.benben.cc/blog/?p=98现象:当两个空的块级元素嵌套时,如果内部的块设置有margin-top属性,而且父元素没有下边解决方法所述的特征,那么内部块的margin-top属性会绑架父元素(即将margin-top传递凌驾给了父元素)。就好比一个小兵,看到上级有漏洞,就假传圣旨,利用漏洞扩张自己的权利。只要设置父元素的border(栅栏)或者padding(隔离墙),就能管住这个调皮的下属。123 1234567891011#parrent{ width:500px; height:300px; background:teal;}#box1{ wid 阅读全文
posted @ 2013-09-17 17:44 sinbad121 阅读(221) 评论(0) 推荐(0)
摘要:看公司代码:乍一看,还以为是ie的条件注释。可是把这段文字去掉之后,不仅ie有印象,ff之类的浏览器也有影响。由此看不是条件注释。而且css的注释是/* */ ,html和js的注释是翻阅资料得知:有些老浏览器是不支持css的,当读到css代码的时候会把css代码当做文字读取出来,而浏览器却总认识html语言。所以用html把其注释起来,防止这种情况。现在这种用法比较少见了。 阅读全文
posted @ 2013-09-02 18:40 sinbad121 阅读(140) 评论(0) 推荐(0)