随笔分类 -  CSS Hack

高度自适应问题 html头部
摘要：关于高度自适应还有一个因素,就是头部声明问题.<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">XHTML1.0下.高度自适应是不行的.如果要使用高度自适应必须头部声明为:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">或者类似声明. 阅读全文
posted @ 2011-12-12 15:32 ╰☆Everytime I try to flying 阅读(506) 评论(0) 推荐(0)
容易被误解的overflow:hidden
摘要：为了页面的健壮性，我们常常需要使用overflow:hidden。有时候是为了防止布局被撑开，有时候是为了配合其它规则实现文字截断，还有时候纯粹是为了创建块级上下文。但是，很多人对这个属性是存在着一定的误解的，网上很多入门的资料或文章都只提到用overflow:hidden加固定的宽度（或高度）可以强制隐藏内部的超出容器的内容。包括之前我们在使用overflow:hidden创建块级上下文的方式来实现图文混排时，都认为overflow:hidden造成了特殊情况下的麻烦（详见自适应的两栏图文混排改进）。但如果认真阅读一下css规范，会发现overflow:hidden其实并不一定隐藏溢出内容。 阅读全文
posted @ 2011-07-22 14:48 ╰☆Everytime I try to flying 阅读(450) 评论(0) 推荐(0)
全面阐述overflow:hidden属性
摘要：overflow:hidden这个CSS样式是大家常用到的CSS样式，但是大多数人对这个样式的理解仅仅局限于隐藏溢出，而对于清除浮动这个含义不是很了解。一提到清除浮动，我们就会想到另外一个CSS样式：clear:both，我相信对于这个属性的理解大家都不成问题的。但是对于“浮动”这个词到底包含什么样的含义呢？我们下面来详细的阐述一下。<div id="wai"><div id="nei"></div></div>这是一个常用的div写法，下面我们来书写样式。大家可以在DMX中自己做试验#wai{ width 阅读全文
posted @ 2011-04-19 11:21 ╰☆Everytime I try to flying 阅读(195) 评论(0) 推荐(0)
IE6、IE7、FF兼容性的CSS hack总结
摘要：解决IE6、IE7、Firefox兼容最简单的CSS Hack#someNode{ position: fixed; #position: fixed; _position: fixed;}第一排给Firefox以及其他浏览器看第二排给IE7（可能以后的IE8、IE9也是如此，谁知道呢）看第三排给IE6以及更老的版本看CSS对浏览器器的兼容性具有很高的价值，通常情况下IE和Firefox存在很大的解析差异，这里介绍一下兼容要点。常见兼容问题： 1.DOCTYPE 影响 CSS 处理(但这个声明对于WEB标准的验证是非常重要的) 2.FF: div 设置 margin-left, margin- 阅读全文
posted @ 2011-04-15 16:42 ╰☆Everytime I try to flying 阅读(249) 评论(0) 推荐(0)