随笔分类 -  css

摘要:百度搜索IE6的疯狂 阅读全文
posted @ 2013-06-29 14:45 老高dotnet实践 阅读(133) 评论(0) 推荐(0) 编辑
摘要:IE6/7的Bug:纵向排列的li中加浮动元素产生向下3px的空隙最近做页面时,经常碰到用 li 标签做纵向列表的时候,会在li的下面产生3px的空隙,之前也碰到过,但都用简单的方法解决了。搜索了一下,网上已经有人给出一些解决方案,但细看之后发现他们的解决方案和找到的原因都有些问题,甚至是错误。要么只单纯地提出问题,解决问题,没有更详细的探讨。所以这二天抽空写了一个demo,对这个bug做了一点研究。bug实例如下:li与li之间应该是没有任何空隙的,因为我没有设置margin-top,或margin-bottom的值。这就是3px的bug。HTML原代码 :<ul class=&quo 阅读全文
posted @ 2012-08-13 15:07 老高dotnet实践 阅读(6146) 评论(0) 推荐(1) 编辑
摘要:积累了一些经验,总结出一些关于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>& 阅读全文
posted @ 2012-07-20 22:49 老高dotnet实践 阅读(28111) 评论(2) 推荐(6) 编辑
摘要:*{margin:0;padding:0;} 阅读全文
posted @ 2011-12-20 13:56 老高dotnet实践 阅读(300) 评论(0) 推荐(0) 编辑
摘要:想看看组成页面的每个单独的“盒子”吗?试着把这行代码暂时放入样式表:* { border: 1px solid red !important; } 阅读全文
posted @ 2010-07-23 23:23 老高dotnet实践 阅读(189) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示