![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Web前端
cloudsandstars
这个作者很懒,什么都没留下…
展开
-
IE6/7下li元素内有浮动元素时底部出现3像素BUG解决
现象: 当li内有元素浮动时,li元素底部出现3个像素空隙(此处日期span右浮动,li增加了background-color以使bug现象更加明显) 解决方法: 在日期的span元素上加上vertical-align:middle(top,bottom均可)如:span.time{float:right;vertical-align:middle...原创 2014-05-21 10:38:36 · 160 阅读 · 0 评论 -
关于IE6浮动产生的3像素BUG
关于IE6的浮动产生的3像素BUG 以前写前端代码时,IE下总是会出现各种莫名其妙的问题,如一行两列布局在其他浏览器下正常,但是在IE下确发现两列出现了上下错位。今天将IE下的3像素问题做个总结,后续遇到问题再更新。 1、bug描述 IE下两个相邻的div之间会出现3个像素的bug,这个bug是在当对其中一个div使用了float,而另外一个没有使用时会出现。...原创 2014-08-02 13:50:29 · 135 阅读 · 0 评论 -
inline元素应用position:absolute或者float之后可使width,height起作用
效果图 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> ..原创 2014-08-02 23:30:17 · 109 阅读 · 0 评论