几款主流浏览器对 table-layout:fixed 的解释

如果一个table 的 table-layout属性定义为 fixed 之后，再定义了宽度

ie6、ie7、firefox、opera 现实的 table 的宽度等于内定的宽度加上边框的宽度

 

比如说

table.module {width:800px; table-layout:fixed}

table.module td{ width:200px; border:1px solid #000}

假设这个table有一行四列，并且 cellpadding=0、cellspacing=0、border=0.

那么没一个td的实际宽度为 200px + border-left-width + border-right-width = 202px;

那么在ie6、ie7、firefox、opera里面，table的宽度 就变成了 808px

 

而在safari里面，table的宽度还是显示为800px的，似乎是将其中一个td的width的溢出hidden掉了...

 

有兴趣的朋友可以自己去研究下。

所以为了兼容这些浏览器。table的width就要写成800px。

不过用table布局实在是万不得已。

 

 

------------------

heiyo!

Heiyo Mood

Heiyo Yupoo