码农人生

2011年8月7日

对清除浮动的一些总结与思考

摘要： 在css中有一个很常用的属性是float，可以极大地增加页面布局的灵活性，但是由于对元素设置float后，该元素就脱离了文档流，在加上float脱离文档流的特殊性（不同于position:absolute，元素float后普通的块级元素处在浮动元素下层，但它内部的文字（以及行内元素）会环绕浮动元素），容易造成一些布局上的紊乱。所以一般元素进行浮动定位后要尽快清除。清除浮动常用的方法有1、在页面中加空白标签(要为block元素或设置为display:block)，对该标签设置clear:both;2、运用css伪元素:after，添加一个不可见的block元素（里面可以放任何内容），并对该blo 阅读全文

posted @ 2011-08-07 03:32 terminatorheart 阅读(191) 评论(0) 推荐(0)
IE与firefox/chrome对fieldset的padding-top解析有所差异

摘要： 今天写页面的时候用到了fieldset的padding-top属性，结果发现IE与firefox/chrome对该属性的解析有所差异:在IE下fieldset的padding-top是从fieldset包含的legend标签的外围开始算的，而在firefox/chrome下则是从legend标签的内围开始算的。在w3school网站上做了一番测试，结果如下:代码:<html><body><fieldset style="padding:80px 40px 100px;"><legend>健康信息：</legend> 阅读全文

posted @ 2011-08-07 02:10 terminatorheart 阅读(2160) 评论(0) 推荐(0)

2011年5月18日

关于IE6下line-height失效的一种诡异情况

摘要： 今天在测试一个页面在IE6下的兼容性的的时候出现了一些问题，代码如下:html部分:<p class="Tab_hd Second">M选N课程(名称)<span>总数:5门,应选:3门</span></p>css部分:.mainCont .Tab_hd{ position:relative; color:#fff; text-align:center; font-size:14px; background-color:#AFCEA5; line-height:30px;}.mainCont .Tab_hd span{ pos 阅读全文

posted @ 2011-05-18 20:35 terminatorheart 阅读(2067) 评论(0) 推荐(0)

2011年5月6日

css border属性的研究

摘要： 今天测试了一下css border属性对表格边框控制的兼容性，在此分享一下结果：<!DOCTYPE><html><head><title>test11</title></head><body><table> <tr> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td></td> < 阅读全文

posted @ 2011-05-06 21:26 terminatorheart 阅读(960) 评论(0) 推荐(0)