布局-ie6下的top和bottom不能同时起作用。

最新推荐文章于 2023-03-06 19:02:19 发布

最新推荐文章于 2023-03-06 19:02:19 发布 · 377 阅读

文章标签：

#IE

html/css/js 专栏收录该内容

1 篇文章

订阅专栏

本文深入探讨了网页布局中使用position+top/bottom/left/right布局时如何忽略block元素换行的影响，以及浮动布局在不同情况下的应用，特别强调了在IE6中对同一对象同时使用top/bottom与left/right布局的限制。通过实例分析，揭示了三列布局中实现左右固定大小与中间自动填充效果的方法，并指出了在IE6中实现垂直布局时需要设置body的高度为100%的重要性。此外，文章还提到了关于IEhack在不同浏览器版本间的兼容性问题，帮助开发者更好地理解和解决网页在不同浏览器环境下的显示问题。

一、使用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认_和*。