摘要：有时候当我们需要把一个元素固定在页面的某个部位，一般都是用css中的“position:fixed;”方法来解决，但是IE6不支持fixed，所以今天分享一个兼容IE6的页面底部固定层CSS代码。如下：.bottom { background:#000; color:#fff; bottom:0; margin:0 auto; position:fixed; height:23px; opacity:.60; filter:alpha(opacity=60); line-height:23px; width:100%; z-in... 阅读全文

摘要：清除浮动这个问题，做前端的应该再熟悉不过了，也是每一个web前台设计师 必须掌握的机能。为什么浮动这么难?因为浮动会使当前标签产生向上浮的效果，同时会影响到前后标签、父级标签的位置及 width height 属性。而且同样的代码，在各种浏览器中显示效果也有可能不相同，这样让清除浮动更难了。1、父级div定义 heightLeftRight原理：父级div手动定义height，就解决了父级div无法自动获取到高度的问题。优点：简单，代码少，容易掌握缺点：只适合高度固定的布局，要给出精确的高度，如果高度和父级div不一样时，会产生问题建议：不推荐使用，只建议高度固定的布局时使用评分：★★☆☆☆2 阅读全文

摘要：开发前端的同学一定都知道，IE6是兼容BUG最多的浏览器，它不支持PNG alpha通道暂且不论。其文档的解析理解规范也引起了诸多恼人的BUG，有时甚至让人感到绝望。本文主要讲解一些比较容易遇到的IE6BUG，以及解决的办法。一、IE6双倍边距bug当页面上的元素使用float浮动时，不管是向左还是向右浮动;只要该元素带有margin像素都会使该值乘以2，例如“margin-left:10px” 在IE6中，该值就会被解析为20px。想要解决这个BUG就需要在该元素中加入display:inline 或 display:block 明确其元素类型即可解决双倍边距的BUG二、IE6中3像素问题及 阅读全文

摘要：1、强制不换行div{ white-space:nowrap;} 2、自动换行div{ word-wrap: break-word; word-break: normal;} 3、强制英文单词断行div{ word-break:break-all;} -=-=-=-=-=-=-=--=-=-=-=-=-=-=-=-=-=-=-=-=-=-=CSS设置不转行:overflow:hidden 隐藏 white-space：normal 默认 pre 换行和其他空白字符都将受到保护 nowrap 强制在同一行内显示所有文本，直到文本结束或者遭遇 br 对象 设置强行换行 word-b... 阅读全文