最近在群里看见一个这样的要求：div大小不固定div里面有一个table大小也不固定，无论窗口怎么变div与table的左右边距都固定为10px。这样要怎么布局

首先我们都知道div是块级元素所以不定义大小会占据整个屏幕的宽度，那么我们就不能保证table远比div小的时候还能保持左右边距都为10px。所以我们要先令div改变他的属性，div在float和absolute时会不占据大小，所以我们只要把div设为float货absolute即可。

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<div style="background:#ccc;padding-left:10px; padding-right:10px;width:auto; position:absolute">
<table border="0" cellspacing="0" cellpadding="0" style="border:1px solid #333;">
<tr>
<td>sadfas</td>
<td>dsfas</td>
<td>sadfas</td>
<td>dsfas</td>
<td>sadfas</td>
<td>dsfas</td>
<td>sadfas</td>

</tr>
</table>

</div>
</body>
</html>