作者bizza ( )
看板Web_Design
標題[問題] P跟Span
時間Sun Mar 14 22:45:07 2010
#test-a{
position:relative;
width:200px;
background-color:#C09;
}
#test-b{
position:relative;
width:200px;
background-color:#9C6;
}
內文就
<div id="test-a">
<p>test</p>
</div>
<div id="test-b">
<p>test</p>
</div>
test
test
可是這樣作,這二個區塊並不會連在一起
中間會有個空行(fx,opera,chrome都會,只有pcman看正常(但不知道是ie6還7?) )
不過這不是我要的,我要的是下面這樣
test
test
後來我把二個區塊中的<p>換成<span>就ok了
(一區塊<p>,另一區塊<span> 也不行,一定要二個都換)
但是為什麼會這樣子? <p> 內建換行嗎?
有什麼辦法可以不換成<span>呢?
感恩大家!
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 114.42.156.97
推 clifflu:簡單的說,p 有 margin, div 沒有 03/14 23:08
→ emn178:p加上display:inline 03/14 23:34
→ winsummer:瀏覽器會有預設magrin或padding;你可以加上 03/15 01:55
→ winsummer:*{padding:0;margin:0} 03/15 01:56
→ bizza:謝謝各位:) 03/15 13:35