最近在群里看见一个这样的要求：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>
div大小不固定如何让内容距div的距离固定,布布扣,bubuko.com
原文：http://www.cnblogs.com/chuxiazhiyin/p/3600623.html