liu7183296的专栏

clear的值有四个none：允许两边都可以有浮动对象；both：不允许有浮动对象；left：不允许左边有浮动对象；right：不允许右边有浮动对象。老实说，我没真正理解字面上的意思，因为这几段话是有歧义的，例如clear:right的解释是“不允许右边有浮动对象”，我一直以为是清除自身右方（下方）容器的浮动。但其实不是。下面一个一个DEMO的看，希望你能懂left和right

清除浮动这个问题，做前端的应该再熟悉不过了，咱是个新人，所以还是记个笔记，做个积累，努力学习向大神靠近。CSS清除浮动的方法网上一搜，大概有N多种，用过几种，说下个人感受。 1、结尾处加空div标签 clear:both.div1{background:#000080;border:1px solid red；}.left{float:left;width:20%;height

新手前端构架师在书写html代码时由于不太了解xhtml规范，经常会胡乱的使用html标签进行代码嵌套，导致多个浏览器显示不兼容。回过头来又为修改浏览器BUG 使用各种hack进行补救，最终是苦了自己苦了用户。浏览器的样式BUG实际上是由于每个年代的浏览器解析规则不一样导致，每个年代的浏览器都会带有自己的“小脾气”，这就是为什么自己写出来的一个页面，在不同的浏览器中显示的样式都不尽相同。本

浏览器兼容是前端开发人员必须掌握的一个技能，但是初入前端的同学或者其他后台web开发同学往往容易选择忽略，而形成两个极端：　　1 我最开始都是使用IE6，IE6上没问题，其它浏览器坑爹（多出现与前端后端一起搞的同学，小生2年前就这种状态，鼓励人家用ie6.。。。）　　2 我要遵循标准，我只要ff就好，IE就是坑爹的玩意，我不必去理他（小生一年前的心态。。。）　　现在看来，之前的想法都是