我有这个简单的
HTML
<html> <head> <style> </style> </head> <body> <div style="position: relative; overflow: visible; width: 100%; height: 100%;" class="surface"> <div style="width: 300px; max-height: 2px; height: 2px; position: absolute; left: 36.165px; top: 0.8957px; border: 1px solid red;"></div> <div style="width: 1px; height: 200px; position: absolute; left: 30.165px; top: 47.8957px; border: 1px solid red;"></div> </div> </body> </html>
基本上有两个div:一个是“水平”(高度为2px),另一个是“垂直”(高度为2px).
当我在firefox上查看页面时:
而在IE(8)上发生的事情发生了:
顶级DIV不是2px高.
知道为什么会这样吗?