本文总结了使用CSS进行网页布局的多种技巧，包括如何利用position属性解决三列布局问题，特别是左右固定宽度、中间自适应填充的情况。此外还讨论了在不同浏览器版本下，如IE6中的兼容性问题解决方案。
一、使用position+top/bottom/left/right布局时可以忽略block元素换行的影响。
二、浮动布局在三列的情况下不能实现左右两列固定大小，中间填充的效果。(postion可以）。
三、使用position布局时，在IE6中，对同一对像不能同时使用top/bottom，但可以同时使用left/right。
四、使用position布局时应该先在父容器中设置好position:absolute，然后在本对像中也设置好position:absolute。
五、三列布局，且左右两边大小固定，中间填充的方法是左边设置top/left,右边设置right/top。而中间设置top/left/right，并且一定要把width设为100%。
六、在ie6中需要在body中设置height:100%才能在垂直布局中使对像申展到预期frame的大小。
七、关于ie hack。ie7只认*，ie6认_和*。
看到有用就转载了
二、浮动布局在三列的情况下不能实现左右两列固定大小，中间填充的效果。(postion可以）。
三、使用position布局时，在IE6中，对同一对像不能同时使用top/bottom，但可以同时使用left/right。
四、使用position布局时应该先在父容器中设置好position:absolute，然后在本对像中也设置好position:absolute。
五、三列布局，且左右两边大小固定，中间填充的方法是左边设置top/left,右边设置right/top。而中间设置top/left/right，并且一定要把width设为100%。
六、在ie6中需要在body中设置height:100%才能在垂直布局中使对像申展到预期frame的大小。
七、关于ie hack。ie7只认*，ie6认_和*。
看到有用就转载了
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
