求助：关于web标准化布局的一个问题，做了一个网页的布局，不知道错误出在哪里

，当给父级标签padding属性后，需要把父级的宽高改回去（因为给了padding后，父级的宽高增加了），但一改变父级的宽高后，原来给子级的浮动float就不起作用了，求帮忙，谢谢！以下是代码： 这是浏览器的效果

问题1：你给product分配了980px，但是你加上padding的话，那么product的宽度就是变成20+980+20px。
因此可以将这里改成：
.header,.nav,.product,.footer{width:980px;margin:0 auto;}
.product{width: 940px;}
问题2：一改变父级的宽高后，原来给子级的浮动float就不起作用
因为productleft（360px）+ productright（600px）+ margin-right（20）= 980px
这个宽度大于940px，加上你是浮动的，所以当父容器宽度不够大的时候，productright只能另起一行。加上的product（overflow:hidden;）所以只能显示左边了
可以改成：
.productleft{width:340px缉伐光和叱古癸汰含咯;margin-right:20px;}
.productright{width:580px;}
望采纳

表格设置是为了呈现二维数据的。 div+css 也就是web标准化，能更好的将设计与内容分离。html看起来很简洁。维护起来也很方便的，你只需要改css就能改变整个网页的风格。而且代码也便于阅读。 这与速度没有多大关系。div+css设计，html文件看起来小了，但css文件大了。 当然我们要输出二维数据的时候还是要用table来的方便。改用表格的时候还是要用的，有些人老是问怎么用css+div来做二维表格table？有这个必要吗？？