- Css的兼容性总是让人头疼，之前我做网站，因为难以控制css兼容所有的浏览器，所以只好用表格来布局，表格布局局限性很大，并且在Dreamweaver里看起来乱七八糟的，难以编辑。为了解决css的兼容性问题，我看过很多文章和书籍，貌似方法很多，但许多方法还是难以兼容所有的浏览器，而有的方法虽然可以实现兼容，但复杂的很。
- 而我最近却发现一种及其简单的方法，运用它可是实现绝对定位，并且在所有的浏览器中都是绝对一毫不差，并且可以实现在浏览器中绝对居中。
- 不废话了，上方法了：首先在页面的代码中加入<center></center>,位置为<body></body>的外层。然后在页面中加入一个层，将其style设为：position:relative;然后可以自行设置其高和宽，这时候这个层就绝对居中了，这个层将作为一个外壳，它起着很重要的作用，包括：保证居中和参考定位，也就是说内部元素的定位都是以这个层作为参考的。之后我们就可以来加别的内容层了，之后所加的所有的层的position属性都要设置成absolute。然后属性left和top都是参照第一个层的位置来设定的，还有最重要的一点，之后所有的层都要位于第一个层之内，在Dreamweaver中画层的时候，它生成的代码总是位于第一个层之后，这个时候定位出来的效果在IE和其他浏览器中是不同的，这时候我们就要记得把这个层拖进第一个层中，然后在可视化中重新调整层的位置就可以了。
- 这种方法简单可行，大家可以试一试哦，绝对好用，如果发现问题可以来咨询偶哦，QQ：676588498
hff
1224
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
