摘要：在一个div里放一个浮动向右的div，在浮动向右的div里放一个按钮并背景图，这时在IE8下看，按钮与右边的距离多了一倍。（这里一眼看上去好像觉得受到了display：blokc的影响，错了！难道是图片的高度被撑开问题，都错！！） 解决方案：在按钮的样式里加padding:0;<div class="contain"> <div class="btnFrame"> <input type="button" class="btn" /> <input type="b 阅读全文

摘要：在一个button里，设置一张背景图，在IE6下看，背景图多了一些空白高度。这个与“在div里面设背景图不一样”的情况不同，在这里，不能在背景图的class里面加“_font-size:0;”，这里需要加“display: block;” <div class="buttonDiv"> <input type="button" class="buttonClass" /> </div>css样式： .buttonDiv { width: 9px; height: 9px; border: 1px s 阅读全文

摘要：如果给每个li里面加个span标签的话，在IE6，IE7下看，li与li之间的距离就会多了3px。 解决方法：在li中加vertical-align:middle;<div class="contain"> <div class="main"> <ul> <li><span></span></li> <li><span></span></li> <li><span></span></ 阅读全文

摘要：顺便略带使用伪类的顺序：love—hate（link—>visited—>hover—>active） <div class="contain"> <ul> <li><a href="#">我是测试一</a></li> <li><a href="#">我是测试二</a></li> <li><a href="#">我是测试三</a></li 阅读全文

摘要：如果要给字体加下划线的话，直接用text-decoration:underline，就可以了(如图一)，但是如果是这样的话文字与下划线就会紧得很紧，效果看起来不怎么好看，但是又没有一些属性让文字与下划线的距离隔开一点，暂时知道的方法也就用border-bottom:1px solid black的方法来模仿下划线（如图二），使用这个的话最好加个高度吧! <div class="contain"> <ul> <li><a href="#">我是测试一</a></li> <li&g 阅读全文