问答详情
源自:12-6 变个盒子-什么是盒模型(视频)

请问我这样做对不对?

<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>


提问者:qq_壹_21 2018-07-22 18:17

个回答

  • 猫猷
    2018-11-18 22:42:20

    <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>


  • 慕仔5323082
    2018-10-11 21:18:24

    <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>


  • 寒梦清舞
    2018-07-22 21:15:36

    对,但是有两个地方做的不好:首先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;是上下右左。这里推荐一本书《代码简洁之道》,因为一个合格的程序猿,不仅要会写代码,还让代码简洁,规范,有可读性。