<div id="dd" style="width:400px;height:200px;background:red;">
<div style="width:100%;padding:0 20px;border:1px solid red ;height:20px;" id="xx">
sdfdfdf
</div>

 

这个时候 xx 实际在dd 占的长度是 400+40 +2 =442

 

<div id="dd" style="width:400px;height:200px;background:red;">
<div style="width:auto;padding:0 20px;border:1px solid red ;height:20px;" id="xx">
sdfdfdf
</div>

这个时候实际占的是400-40-2

 

所以注意一些细节,代码就会少出问题!

posted on 2016-07-07 13:41  前端小菜j  阅读(201)  评论(0编辑  收藏  举报