问下这个程序里面的box1问题

来源:13-2 排队显示-流动模型(一)

偶尔下雪

2017-06-29 12:07

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>流动模式下的块状元素</title>
<style type="text/css">
#box1{
    width:300px;
    height:100px;
}
div,h1,p{
    border:1px solid red;
}
</style>
</head>
<body>
    <div id="box2">box2</div><!--块状元素,由于没有设置宽度,宽度默认显示为100%--> 
    <h1>标题</h1><!--块状元素,由于没有设置宽度,宽度默认显示为100%--> 
    <p>文本段文本段文本段文本段文本段文本段文本段文本段文本段文本段文本段文本段文本段文本段文本段文本段文本段。</p><!--块状元素,由于没有设置宽度,宽度默认显示为100%--> 
    
    <div id="box1">box1</div><!--块状元素,由于设置了width:300px,宽度显示为300px-->
</body>
</html>

这段程序的第七行对box1的内容范围的设置是不是直接宽用width,高用height,只有在对padding、border、margin才需要用top、right、bottom、left来标注啊?

写回答 关注

2回答

  • MR帽子先生
    2017-06-29 13:09:56
    已采纳

    你的理解有问题,宽用width,高用height是用来设置盒子的大小的,并不是内容范围。top、right、bottom、left是用来设置指定方向边距的。

    希望对你有帮助,祝你学习愉快!

    偶尔下雪

    非常感谢!

    2017-06-29 19:59:24

    共 2 条回复 >

  • 偶尔下雪
    2017-06-29 13:44:28

    我想通了,谢谢解答

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

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

1225297 学习 · 18230 问题

查看课程

相似问题