一个div中有两个table（宽度95%）如何保持两个table宽度一致？
不能使用js，不能改变结构（修改层次结构会对系统之前的js产生影响），只能使用样式css等。结构大致如下<div><tablewidth="95%"></table><t...
不能使用js，不能改变结构（修改层次结构会对系统之前的js产生影响），只能使用样式css等。结构大致如下<div><table width="95%"></table><table width="95%"></table></div>正常情况下是一致的，但是当下面那个table的内容较多时会撑开到100%，和上面的table不对齐，请指点下该如何处理才能让他们一致？不要设置width=100%，因为需要有空白，保持和系统之前的风格。我快疯了，一个老系统，这不能改那不能改的。
展开
3个回答
展开全部
<!doctype html>
<html>
<head>
<meta charset="utf8">
<title>无标题文档</title>
<style type="text/css">
*{
border:0px;
margin:0px;
padding:0px;
}
.con{
border:1px solid #ccc;
height:200px;
margin:50px auto;
width:800px;
}
table{
background:#fcc;
float:left;
margin-left:6%;
width:41%;
}
</style>
</head>
<body>
<div class="con">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td>第一个表格</td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td>第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格</td>
</tr>
</table>
<div style="both:clear"></div>
</div>
</body>
</html>
两个95%不对吧...
试一下这样
是所有浏览器还是某一个?
<html>
<head>
<meta charset="utf8">
<title>无标题文档</title>
<style type="text/css">
*{
border:0px;
margin:0px;
padding:0px;
}
.con{
border:1px solid #ccc;
height:200px;
margin:50px auto;
width:800px;
}
table{
background:#fcc;
float:left;
margin-left:6%;
width:41%;
}
</style>
</head>
<body>
<div class="con">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td>第一个表格</td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td>第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格第二个表格</td>
</tr>
</table>
<div style="both:clear"></div>
</div>
</body>
</html>
两个95%不对吧...
试一下这样
是所有浏览器还是某一个?
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
设置table和td的边框宽度，不要用百分比；
也可以给table设置这个样式table-layout:fixed；overflow="hidden;"
也可以给table设置这个样式table-layout:fixed；overflow="hidden;"
追问
使用table-layout:fixed后固定了table的排版，虽然能对齐了，但td里的内容较多时就不会自动换行了。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
难道你不可以给table加一个固定宽度吗？
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
