                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

块状元素问题

<div>div1</div>
<div>div2</div>
<p>段落1段落1段落1段落1段落1</p>

结果如图

为何div1和div2并没有中间隔一行？？？

技术的人生

2017-07-13

源自：初识HTML(5)+CSS(3)-升级版 12-2

关注问题我要回答

1653

操作

收起

4 回答

fanmetasy 回答被采纳 +3 积分
2017-07-13

是因为div标签的默认高度与p标签的不一样吧,其实只要在p选择器里面加一行margin-top

:0px;那么这个空档就会自动消除了

1 回复有任何疑惑可以回复我~

#1

技术的人生提问者

是不是块元素只代表会换行，但每行之间的默认距离由块元素标签决定？

2017-07-13 回复有任何疑惑可以回复我~

#2

技术的人生提问者

非常感谢！

2017-07-13 回复有任何疑惑可以回复我~

#3

fanmetasy 回复技术的人生提问者

块级元素的意思就是一个块级元素占一行，第二个块级元素就要另起一行，行与行之间应该是由标签决定

2017-07-13 回复有任何疑惑可以回复我~

查看2条回复

qq_缘来是我_0
2017-07-13

你没有设置换行

0 回复有任何疑惑可以回复我~

技术的人生提问者
2017-07-13

这是高度啊，和宽度有啥关系。。。

<div>div1<p>段落1段落1段落1段落1段落1</p>div1'</div>
<div>div2<h6>h6标签</h6>div2'</div>

那这结果怎么说呢。。。

块元素之间空一行貌似是常态，div貌似是例外。。。。

0 回复有任何疑惑可以回复我~

伊尔_0
2017-07-13

块级元素，宽度为父元素100%，你的例子的父元素应该是<body>虽然你代码之间有空格，但并不显示。

<p>元素默认有margin好像

0 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

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

参与学习 1225793 人
解答问题 18234 个

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

本课相似问答

4 回答关于块状元素div，包裹块状元素的问题

2 回答块级元素=块状元素？

2 回答块状元素居中问题

2 回答块状元素的换行问题

7 回答如何区别内联元素，块状元素，内联块状元素？

搜索更多本课相关问答

块状元素问题

我要回答关注问题

意见反馈帮助中心 APP下载