求各位帮忙解决样式问题： 在IE8下面，输入文字后，div自动撑开，但是table不跟着撑开，导致页面样式混乱 100
代码如下，请各位帮帮忙<!DOCTYPEhtml><htmllang="en"><html><head><metahttp-equiv="Content-Type"con...
代码如下，请各位帮帮忙
<!DOCTYPE html>
<html lang="en">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>测试性文件</title>
<style type="text/css">
body{margin:0; padding:0; background-color:#eee; font-family:'Times New Roman', Times, serif; behavior:url("/csshover3.htc");}
*{margin:0; padding:0; outline:none; font-size:0; white-space:nowrap;}
#content{width:500px; height:300px; margin:60px auto 0 auto; padding:10px; background-color:#FFF; border:solid 1px #bbb; overflow:auto;}
.Reserve,.SqrtTable,.Fraction{display:inline-block; *display:inline; _display:inline; zoom:1; vertical-align:middle; margin-right:2px;}
.Reserve{min-width:4px; _width:4px; min-height:36px; font-size:30px; border:red solid 1px;}
.Reserve:hover{border:red dotted 1px; margin-left:0px;}
.Reserve.SqrtDiv{min-width:20px; _width:20px; border:red dotted 1px;}
.SqrtTable{ border:green solid 1px;}
</style>
</head>
<body>
<div id="content">
<div class="Reserve" contenteditable="true"></div>
<table class="SqrtTable" style="background-color:#CCC; padding-top:10px;">
<tr>
<td>
<div class="Reserve" contenteditable="true"></div>
</td>
<td>
<table class="SqrtTable" style="background-color:#999;">
<tr>
<td>
<div class="Reserve SqrtDiv" contenteditable="true"></div>
</td>
</tr>
</table>
<div class="Reserve" contenteditable="true"></div>
</td>
</tr>
</table>
<div class="Reserve" contenteditable="true"></div>
</div>
</body>
</html> 展开
<!DOCTYPE html>
<html lang="en">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>测试性文件</title>
<style type="text/css">
body{margin:0; padding:0; background-color:#eee; font-family:'Times New Roman', Times, serif; behavior:url("/csshover3.htc");}
*{margin:0; padding:0; outline:none; font-size:0; white-space:nowrap;}
#content{width:500px; height:300px; margin:60px auto 0 auto; padding:10px; background-color:#FFF; border:solid 1px #bbb; overflow:auto;}
.Reserve,.SqrtTable,.Fraction{display:inline-block; *display:inline; _display:inline; zoom:1; vertical-align:middle; margin-right:2px;}
.Reserve{min-width:4px; _width:4px; min-height:36px; font-size:30px; border:red solid 1px;}
.Reserve:hover{border:red dotted 1px; margin-left:0px;}
.Reserve.SqrtDiv{min-width:20px; _width:20px; border:red dotted 1px;}
.SqrtTable{ border:green solid 1px;}
</style>
</head>
<body>
<div id="content">
<div class="Reserve" contenteditable="true"></div>
<table class="SqrtTable" style="background-color:#CCC; padding-top:10px;">
<tr>
<td>
<div class="Reserve" contenteditable="true"></div>
</td>
<td>
<table class="SqrtTable" style="background-color:#999;">
<tr>
<td>
<div class="Reserve SqrtDiv" contenteditable="true"></div>
</td>
</tr>
</table>
<div class="Reserve" contenteditable="true"></div>
</td>
</tr>
</table>
<div class="Reserve" contenteditable="true"></div>
</div>
</body>
</html> 展开
4个回答
展开全部
1.去掉htc文件再试试；
2.将样式改为
.SqrtTable{ border:green solid 1px;table-layout:auto;}
不好意思，一时搞错了。我在自己本机的ietester上测试的，而我本机没有csshover3.htc这个文件，当时测试成功了，不过好似反应比较慢，即我写完里边的东西，我需要在页面空白部位点击几次，table框才会跟着变。
请试试
2.将样式改为
.SqrtTable{ border:green solid 1px;table-layout:auto;}
不好意思，一时搞错了。我在自己本机的ietester上测试的，而我本机没有csshover3.htc这个文件，当时测试成功了，不过好似反应比较慢，即我写完里边的东西，我需要在页面空白部位点击几次，table框才会跟着变。
请试试
本回答由网友推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
使用360的电脑门诊 让他来帮助你解决
或者用360系统急救箱进行扫描
或者用360系统急救箱进行扫描
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
如果你不想被撑开，就给div定义高度和溢出隐藏，如果你希望table被撑开，建议你定义固定高度
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
兼容性问题，加个边框大小，不行的话可以隐藏啊，或者用。。。代替
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
