请问我这样做对不对?

来源:12-6 变个盒子-什么是盒模型(视频)

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>


写回答 关注

3回答

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

    MrThin... 回复柒_分

    我记得也是上右下左的顺时针方向,因为屏幕的坐标系X是以上开始的。。。。

    2018-10-30 23:39:30

    共 3 条回复 >

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225806 学习 · 18234 问题

查看课程

相似问题