消息关闭
    暂无新消息!

如何把表格插入DIV,总是被覆盖

问题作者 : 小方2017-06-01发布

这是要做的东西
才接触两天,做到下面卡住了

<html>
<head>
<meta charset="utf-8">
<title>前端习题</title>
</head>

<style type="text/css">
h1{
font-size:30px;
font-family:黑体;
text-align:center;
}
#div1{ 
float:left; width:50%; height:550px; background:write;position:fixed;
 

#div2{ 
float:right;width:50%;height:550px; background:#99CCFF; 



</style>
<body>
<h1>用户画像及消费欺诈系统</h1>
<div id="div1" ></div> 
<div id="div2" ></div> 

<div1>
<style type="text/css">
table tr td,th{border:1px solid #000;}
</style>
<table summary="">
<tbody>
<tr>
<th>序号</th>
<th>报警账号</th>
<th>报警级别</th>
<th>报警类型</th>
</tr>
<tr>
<td>1</td>
<td>1234567890</td>
<td>紧急警告</td>
<td>异地快速刷卡</td>
</tr>
<tr>
<td>2</td>
<td>1234567890</td>
<td>严重警告</td>
<td>刷卡频次过快</td>
</tr>
<tr>
<td>3</td>
<td>1234567890</td>
<td>次要警告</td>
<td>经常刷同一商家</td>
</tr>
<tr>
<td>4</td>
<td>1234567890</td>
<td>紧急警告</td>
<td>非常时段刷卡</td>
</tr>
<tr>
<td>5</td>
<td>1234567890</td>
<td>严重警告</td>
<td>异地刷卡(国外)</td>
</tr>
<tr>
<td>6</td>
<td>1234567890</td>
<td>次要警告</td>
<td>超出商圈刷卡</td>
</tr>
<tr>
<td>7</td>
<td>1234567890</td>
<td>紧急警告</td>
<td>超出限额刷卡</td>
</tr>
<tr>
<td>8</td>
<td>1234567890</td>
<td>严重警告</td>
<td>异地快速刷卡</td>
</tr>
<tr>
<td>9</td>
<td>1234567890</td>
<td>次要警告</td>
<td>非正常刷卡</td>
</tr>
<tr>
<td>10</td>
<td>1234567890</td>
<td>紧急警告</td>
<td>同一商家不良刷卡</td>
</tr>
<tr>
<td>11</td>
<td>1234567890</td>
<td>严重警告</td>
<td>异常刷卡</td>
</tr>
<tr>
<td>12</td>
<td>1234567890</td>
<td>次要警告</td>
<td>异常额度刷卡</td>
</tr>
<tr>
<td>13</td>
<td>1234567890</td>
<td>紧急警告</td>
<td>账号异地登录异常</td>
</tr>
<tr>
<td>14</td>
<td>1234567890</td>
<td>严重警告</td>
<td>异常刷卡</td>
</tr>
<tr>
<td>15</td>
<td>1234567890</td>
<td>次要警告</td>
<td>异常额度刷卡</td>
</tr>
<tr>
<td>16</td>
<td>1234567890</td>
<td>紧急警告</td>
<td>账号异地登录异常</td>
</tr>
<tr>
<td>17</td>
<td>1234567890</td>
<td>次要警告</td>
<td>异常额度刷卡</td>
</tr>
<tr>
<td>18</td>
<td>1234567890</td>
<td>紧急警告</td>
<td>账号异地登录异常</td>
</tr>
</tbody>
</table>
</div1>
<div2>
<table>
<caption>个人信息</caption>


</table>
</div2>



</body>
</html> 

6个回答

︿ 1
。。。。。。
html标签不是这么写的

建议你先看看基础知识再说别的

1,使用css来控制显示样式
2,使用表格嵌套
︿ 0

<html>
<head>
<meta charset="utf-8">
<title>前端习题</title>
<style type="text/css">
body {background-color:#99CCFF}
h1 {font-size:30px;font-family:黑体;text-align:center;}
#div1{ float:left; width:50%; height:550px; background:write;position:fixed;} 
#div2{ float:right;width:50%;height:550px; background:gray; } 
</style>
</head>
<body>
<h1>用户画像及消费欺诈系统</h1>
<div id="div1" ></div> 
<div id="div2" ></div> 
<div1>
<style type="text/css">
table
{width:650px;height:530px;border:1px solid #000;margin:0 0 40px;}
td{text-align:center;}
</style>
<th>序号&nbsp;&nbsp;&nbsp;&nbsp;</th>
<th>报警账号&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</th>
<th>报警级别&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</th>
<th>报警类型&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</th>
<table>
<tbody>
<tr>
<td bgcolor="#FF4500">1</td>
<td bgcolor="#FF4500">1234567890</td>
<td bgcolor="#FF4500">紧急警告</td>
<td bgcolor="#FF4500">异地快速刷卡</td>
</tr>
<tr>
<td bgcolor="#FFAA00">2</td>
<td bgcolor="#FFAA00">1234567890</td>
<td bgcolor="#FFAA00">严重警告</td>
<td bgcolor="#FFAA00">刷卡频次过快</td>
</tr>
<tr>
<td bgcolor="#FFFF99">3</td>
<td bgcolor="#FFFF99">1234567890</td>
<td bgcolor="#FFFF99">次要警告</td>
<td bgcolor="#FFFF99">经常刷同一商家</td>
</tr>
<tr>
<td bgcolor="#FF4500">4</td>
<td bgcolor="#FF4500">1234567890</td>
<td bgcolor="#FF4500">紧急警告</td>
<td bgcolor="#FF4500">非常时段刷卡</td>
</tr>
<tr>
<td bgcolor="#FFAA00">5</td>
<td bgcolor="#FFAA00">1234567890</td>
<td bgcolor="#FFAA00">严重警告</td>
<td bgcolor="#FFAA00">异地刷卡(国外)</td>
</tr>
<tr>
<td bgcolor="#FFFF99">6</td>
<td bgcolor="#FFFF99">1234567890</td>
<td bgcolor="#FFFF99">次要警告</td>
<td bgcolor="#FFFF99">超出商圈刷卡</td>
</tr>
<tr>
<td bgcolor="#FF4500">7</td>
<td bgcolor="#FF4500">1234567890</td>
<td bgcolor="#FF4500">紧急警告</td>
<td bgcolor="#FF4500">超出限额刷卡</td>
</tr>
<tr>
<td bgcolor="#FFAA00">8</td>
<td bgcolor="#FFAA00">1234567890</td>
<td bgcolor="#FFAA00">严重警告</td>
<td bgcolor="#FFAA00">异地快速刷卡</td>
</tr>
<tr>
<td bgcolor="#FFFF99">9</td>
<td bgcolor="#FFFF99">1234567890</td>
<td bgcolor="#FFFF99">次要警告</td>
<td bgcolor="#FFFF99">非正常刷卡</td>
</tr>
<tr>
<td bgcolor="#FF4500">10</td>
<td bgcolor="#FF4500">1234567890</td>
<td bgcolor="#FF4500">紧急警告</td>
<td bgcolor="#FF4500">同一商家不良刷卡</td>
</tr>
<tr>
<td bgcolor="#FFAA00">11</td>
<td bgcolor="#FFAA00">1234567890</td>
<td bgcolor="#FFAA00">严重警告</td>
<td bgcolor="#FFAA00">异常刷卡</td>
</tr>
<tr>
<td bgcolor="#FFFF99">12</td>
<td bgcolor="#FFFF99">1234567890</td>
<td bgcolor="#FFFF99">次要警告</td>
<td bgcolor="#FFFF99">异常额度刷卡</td>
</tr>
<tr>
<td bgcolor="#FF4500">13</td>
<td bgcolor="#FF4500">1234567890</td>
<td bgcolor="#FF4500">紧急警告</td>
<td bgcolor="#FF4500">账号异地登录异常</td>
</tr>
<tr>
<td bgcolor="#FFAA00">14</td>
<td bgcolor="#FFAA00">1234567890</td>
<td bgcolor="#FFAA00">严重警告</td>
<td bgcolor="#FFAA00">异常刷卡</td>
</tr>
<tr>
<td bgcolor="#FFFF99">15</td>
<td bgcolor="#FFFF99">1234567890</td>
<td bgcolor="#FFFF99">次要警告</td>
<td bgcolor="#FFFF99">异常额度刷卡</td>
</tr>
<tr>
<td bgcolor="#FF4500">16</td>
<td bgcolor="#FF4500">1234567890</td>
<td bgcolor="#FF4500">紧急警告</td>
<td bgcolor="#FF4500">账号异地登录异常</td>
</tr>
<tr>
<td bgcolor="#FFFF99">17</td>
<td bgcolor="#FFFF99">1234567890</td>
<td bgcolor="#FFFF99">次要警告</td>
<td bgcolor="#FFFF99">异常额度刷卡</td>
</tr>
<tr>
<td bgcolor="#FF4500">18</td>
<td bgcolor="#FF4500">1234567890</td>
<td bgcolor="#FF4500">紧急警告</td>
<td bgcolor="#FF4500">账号异地登录异常</td>
</tr>
</tbody>
</table>
</div1>
<div2>
<th>个人信息</th>
<table>
</table>
</div2>
</body>
</html> 

这是现在的情况,来人帮帮忙,感谢!