垂直外边距叠加问题探索
摘要： 外边距叠加会出现在两种情况中，第一种是上下相邻的静态定位的同辈元素中，如下图： &#...
阅读全文
posted @ 2010-08-15 12:37
随笔分类 - css+html
网页文档的DOCTYPE声明
摘要： 一般网页的最开始都会有一个DOCTYPE声明，它里面定义的是DTD（文档类型定义），不同的DTD，浏览器会采用不同的解析模型。浏览器的解析模型可分为标准模式和怪异模式(quriks mode)，在标准模式中，浏览器根据规范表现页面，在怪异模式中，页面以一种比较宽松的向后兼容的方式显示。怪异模式通常模拟老式浏览器的一些行为（比...
阅读全文
posted @ 2010-08-13 11:57
浏览器布局兼容汇总
摘要：1、没有定义浮动的元素在IE7及其以下浏览器中仍然会与定义了浮动的元素产生作用，但是在IE8、火狐等标准浏览器中，没有定义浮动属性的元素会直接无视定义了浮动属性的元素的存在，不受其影响（但里面的文本不会），看图（黄色div为包含块，黑色div为向左浮动，蓝色div没定义浮动） IE6、7的效果，注意，此时如果给蓝色div设置margin-left,则margin-left的值必须超...
阅读全文
posted @ 2010-07-24 12:45
浏览器布局BUG汇总
摘要：1、IE6的双边距BUG. 发生条件：如果有元素是浮动元素，则该元素与它的父元素（一般是一个容器）直接相接触（中间不能隔着其他元素）的左或右的边距就会产生双倍边距，也意味着相邻的兄弟元素不可能会产生双倍边距，只有元素与其父元素之间才有可能产生双倍边距，产生双倍边距的那边是与其父元素相接触的那边 解决方法：给产生双倍边距的元素添加上 display:inline2、IE6的3px间隙BUG. 发生条...
阅读全文
posted @ 2010-07-23 14:58
关于css的一些问题
摘要：1、绝对定位问题 （1）绝对定位的参照物是其有移动定位属性的父元素的本身的各个边界，即padding和margin都不算在内 （2）如果父元素都没有设有移动定位属性，则元素会参照 <html>来定位，而不是<body>,IE、FF都如此2、w3c标准中 表格的单元格是不能设为相对定位的
阅读全文
posted @ 2010-07-23 14:57
:hover在IE6的使用
摘要：在IE7+及FF浏览器中，:hover伪类可以用于任何对象，但在IE5、IE6中，:hover伪类仅能用于a（超链接）对象，且该a对象必须要拥有href属性。 下面是一个鼠标悬停弹出层的代码： -------------------------------------- <style type="text/css"> #a{width:100px;height:100px;backgr...
阅读全文
posted @ 2010-07-01 19:22
关于浮动与不浮动元素的关系
摘要：先看代码： <style type="text/css">#a{height:200px;background:#00ff00;}#b{height:100px;width:200px;background:#000;float:left;}#c{height:100px;width:200px;background:#000;float:right;}</style> &...
阅读全文
posted @ 2010-07-01 15:41
关于左边2行右边1行的布局
摘要：给出3个div，要做一个侧品字形布局，如下图： 代码： <style type="text/css">#a{width:70%;height:200px;background:#00ff00;float:left}#b{width:70%;height:200px;background:#00ffff;float:left;}#c{width:20%;height:400px;back...
阅读全文
posted @ 2010-07-01 10:10
css点滴
摘要：设置为绝对定位的元素如果没有设定left或top的值，则其默认值为它作为文档流时的值，即left和top的默认值不是0，它会出现在它作为文档流时出现在的地方。 margin可以这样来理解，它只不过是把物体的边界扩大了，我们也可以认为这个用margin扩大的边界是透明的，这个边界又切切实实是存在的，尽管我们看不到它的样子（如颜色等，透明当然不会有颜色啦）。所以margin永远是以自身为参照的，而且...
阅读全文
posted @ 2010-05-13 21:02