firefox 对相对定位的TD元素渲染错误 - 走看看

zoukankan html css js c++ java

firefox 对相对定位的TD元素渲染错误

<!DOCTYPE html> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <style> *{ margin:0px; padding: 0px; } html{ 100%; height:100%; } body{ 100%; height:100%; } .testTable{ table-layout: fixed; border-collapse:collapse; 400px; height: 400px; border:1px solid blue; } .testTable td{ border:1px solid blue; } .testTable td.testTd { position: relative; } .testDiv{ 100%; height:100px; position: absolute; bottom: 0px; background: red; } </style> <script> </script> </head> <body > <table class='testTable'> <tr> <td class='testTd'> <div class='testDiv'></div> </td> </tr> <tr> <td> </td> </tr> </table> </body> </html>

firefox22下红争部分竟然以窗口做基准计算！

查看全文

相关阅读:
celery 转自：https://www.cnblogs.com/pyedu/p/12461819.html
k8s 学习笔记
 linux 学习笔记3
yaml initc
vi 块操作
 curl
知名IT互联网公司
 ajax 上传文件给webapi(带basic认证)
C# 后台请求api
mvc 母版页保持不刷新

原文地址：https://www.cnblogs.com/rubylouvre/p/3171295.html

Copyright © 2011-2022 走看看