qq_壹_21
2018-07-22 18:17
<div style="height: 80; width: 400; border: solid red; ">
<div style=" height: 50; width: 200; margin-top: 14; margin-bottom: 14; margin-right: 99; margin-left:99;border:1px solid blue " >
</div>
</div>
<div style="height: 80px; width: 400px; border:1px solid red; ">
<div style=" height: 50px; width: 200px; border:1px solid blue; margin: 14px auto;" >
</div>
</div>
<div style="height: 80; width: 400; border: solid red; "> <div style=" height: 50; width: 200; margin-top: 14; margin-bottom: 14; margin-right: 99; margin-left:99;border:1px solid blue " > </div> </div>
对,但是有两个地方做的不好:首先99+1+99+1+200=400px,所以当margin-left=99px时,margin-right必定也是99px,这时候margin-right: 99; margin-left:99;重复了,代码不够精简;第二定义盒子的位置时是按左上右下的顺序开始定义的,而你的代码 margin-top: 14; margin-bottom: 14; margin-right: 99; margin-left:99;是上下右左。这里推荐一本书《代码简洁之道》,因为一个合格的程序猿,不仅要会写代码,还让代码简洁,规范,有可读性。
初识HTML(5)+CSS(3)-升级版
1225806 学习 · 18234 问题
相似问题