随笔分类 - css
摘要:IE6/7的Bug:纵向排列的li中加浮动元素产生向下3px的空隙最近做页面时,经常碰到用 li 标签做纵向列表的时候,会在li的下面产生3px的空隙,之前也碰到过,但都用简单的方法解决了。搜索了一下,网上已经有人给出一些解决方案,但细看之后发现他们的解决方案和找到的原因都有些问题,甚至是错误。要么只单纯地提出问题,解决问题,没有更详细的探讨。所以这二天抽空写了一个demo,对这个bug做了一点研究。bug实例如下:li与li之间应该是没有任何空隙的,因为我没有设置margin-top,或margin-bottom的值。这就是3px的bug。HTML原代码 :<ul class=&quo
阅读全文
摘要:积累了一些经验,总结出一些关于div的高度自适应的技巧,希望有助于大家,转载请标明出处,谢谢。一、高度的自适应(父div高度随子div的高度改变而改变)1、如果父div不定义height、子div均为标准流的时候,父div的height随内容的变化而变化,实现父div高度随子div的高度改变而改变。代码:<style type="text/css"> #aa{ border:#000000 solid 5px} #bb{border:#00ffff solid 5px;} #cc{ border:#0033CC solid 5px}</style>&
阅读全文
摘要:*{margin:0;padding:0;}
阅读全文
摘要:想看看组成页面的每个单独的“盒子”吗?试着把这行代码暂时放入样式表:* { border: 1px solid red !important; }
阅读全文