一个div中有两个table(宽度95%)如何保持两个table宽度一致?

不能使用js,不能改变结构(修改层次结构会对系统之前的js产生影响),只能使用样式css等。结构大致如下<div><table width="95%"></table><table width="95%"></table></div>正常情况下是一致的,但是当下面那个table的内容较多时会撑开到100%,和上面的table不对齐,请指点下该如何处理才能让他们一致?不要设置width=100%,因为需要有空白,保持和系统之前的风格。我快疯了,一个老系统,这不能改那不能改的。

第1个回答  推荐于2016-09-14
<!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%不对吧...
试一下这样
是所有浏览器还是某一个?本回答被提问者和网友采纳
第2个回答  2013-06-30
设置table和td的边框宽度,不要用百分比;

也可以给table设置这个样式table-layout:fixed;overflow="hidden;"追问

使用table-layout:fixed后固定了table的排版,虽然能对齐了,但td里的内容较多时就不会自动换行了。

第3个回答  2013-07-01
难道你不可以给table加一个固定宽度吗?

CSS中一个页面里两种不同类型的table如何避免冲突呢
1.设置class或者id,加以区分 2.比如说上级菜单是div,如下:<div> <table><\/table> <table><\/table> <\/div> 那么,在css中第一个table可以用“div>table{ }“来写

一个div,如何设置不管里面有多少小的div,最外层 的div的宽都不会...
div 默认是块元素 在默认情况下,div的宽度等于你打开的窗口的宽度,当然还要减去一些滚动条,边框宽度 那么里面放多少div都不会超过这个大小,而且里面的div都是按行显示的,要是按列显示还需要CSS控制 以上都是默认情况下,当然,如果你里面的div用了绝对大小,是有可能超出去的,不过在外div 加上 overflow:...

css里边,div包含一个table,如何做到table顶端对齐?
h3 标签有默认的 margin 值,所以会产生“间隙”,导致 table 顶部没有靠齐上面的文字内容,可以为 h3 设置 margin: 0; 可以消除间隙(淡蓝色部分)

html页面里有两个表格 想让两个表格并列居中 (我弄出来 老是一上一...
那得用嵌套表格了,先做个一行两列的表格,并且让这个表格居中,然后再在两个单元格内分别插入一个表格即可,代码下:<table width="100%" align="center"> <tr> <td><table width="100%"> <tr> <td><\/td> <\/tr> <\/table><\/td> <td><table width="100%"> <tr> <td><\/td> <...

dw 同一行显示两个表格
把两个table放入一个div中,给div设置一个最小宽度,这个宽度至少大于等于1000px; 代码为 <div style="min-width:1000px;"><\/div>

Htm网页代码多个table如何在同一行
做一个固定宽度的大table,设置一行多个列,然后在每个列里,放置一个table。这样就做到 多个table在同一行了。

一个大的DIV中放两个小的DIV一左一右
1、首先如图所示的web结构即一个html和css即可实现。2、打开html页面 定义一个大的div和两个小div 如图所示。3、最常用的float浮动,只要两个小div的宽度小于等于大div的宽度,即可实现并排了。4、使用position进行绝对定位,然后使用margin-left除去第一个小div的宽度即可。5、使用table盒子实现div并排,...

div分成两列后 怎么让div里的内容自动换行?
1、如果图片数量保持不变的情况下,你可以写死div的宽度,这样即使浏览器缩小也不会影响到div的宽度,也就不会造成图片换行了2、如果你的布局是要求div宽度自动伸缩,那么你可以再这个div内部再嵌套一个table,table默认情况下是宽度最小化的,设不设定100%宽度你根据布局判断,把图片分别放入td内,td是...

一个大的DIV中嵌套两个小的DIV一左一右
1,首先,图中显示的Web结构是html和css。2,打开html页面,如图所示,定义一个大div和两个小div。3,最常用的float float,只要两个小div的宽度小于或等于大div的宽度,就可以并排实现。4,使用position进行绝对定位,然后使用margin-left删除第一个小div的宽度。5,使用表格框并排实现div,这是相同的...

怎么样让div宽度与table宽度设定为一样长
直接在表格中加属性:style="table-layout:fixed; "里面的div不需要用绝对或相对路径。代码:<table width="150" border="1" style="table-layout:fixed; "><tr><td><div style="overflow-x: scroll;width:100%;"><img src="http:\/\/i2.sinaimg.cn\/IT\/2010\/0503\/cezuQxuCHFzwI20105322594...

相似回答