亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全，請及時綁定郵箱和手機立即綁定

塊狀元素問題

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

結果如圖

http://img1.sycdn.imooc.com//59677621000165c703650109.jpg

為何div1和div2并沒有中間隔一行？？？

正在回答

4 回答

是因為div標簽的默認高度與p標簽的不一樣吧,其實只要在p選擇器里面加一行margin-top

:0px;那么這個空檔就會自動消除了


1 回復 有任何疑惑可以回復我~
#1

技術的人生 提問者

是不是塊元素只代表會換行，但每行之間的默認距離由塊元素標簽決定？
2017-07-13 回復 有任何疑惑可以回復我~
#2

技術的人生 提問者

非常感謝！
2017-07-13 回復 有任何疑惑可以回復我~
#3

fanmetasy 回復 技術的人生 提問者

塊級元素的意思就是一個塊級元素占一行，第二個塊級元素就要另起一行，行與行之間應該是由標簽決定
2017-07-13 回復 有任何疑惑可以回復我~
#4

技術的人生 提問者 回復 fanmetasy

大神謝謝
2017-07-13 回復 有任何疑惑可以回復我~
#5

fanmetasy 回復 技術的人生 提問者

沒有沒有，hh我也是剛剛才自己看到這邊
2017-07-13 回復 有任何疑惑可以回復我~
查看2條回復

你沒有設置換行

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

這是高度啊，和寬度有啥關系。。。

<div>div1<p>段落1段落1段落1段落1段落1</p>div1'</div>
<div>div2<h6>h6標簽</h6>div2'</div>

http://img1.sycdn.imooc.com//59677ab20001ce4003570201.jpg

那這結果怎么說呢。。。

塊元素之間空一行貌似是常態，div貌似是例外。。。。

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

塊級元素，寬度為父元素100%，你的例子的父元素應該是<body>雖然你代碼之間有空格，但并不顯示。

<p>元素默認有margin好像

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

舉報

0/150
提交
取消

塊狀元素問題

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

 幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

 公眾號

掃描二維碼
關注慕課網微信公眾號