頁:
[1]
CSS:block&absolute後,不是預期的位置
block 和 absoulte後, abcabc 為不是在thrid下面, 而是與def重疊????
HTML:
<ul id="c">
<li>
first
</li>
<li>
second
</li>
<li>
thrid
</li>
<li>
<ul>
<li>
<span>abc</span>
<span>abc</span>
</li>
<li>def</li>
<li>ghi</li>
</ul>
</li>
</ul>...<div class='locked'><em>瀏覽完整內容,請先 <a href='member.php?mod=register'>註冊</a> 或 <a href='javascript:;' onclick="lsSubmit()">登入會員</a></em></div><div></div> 當你使用position:absolute或fixed之後, HTML的排版就不會預留位置給那個元件了.
如果你還是想保留位置, 可以考慮用relative, 或是使用默認的排版
你可以畫出你想要的排版讓大家幫忙, 畢竟這部分很多時候要靠經驗才知道要怎麼排 position: absolute; 他是脫離文字流內 算是一個獨立空間的元素~
簡單的說 他已經算是一個獨立的圖層了 position:absolut 使用此元素已經算是一個獨立圖層 你只要加<br>斷行即可達到效果,何必CSS<br><br><br><br><br><div></div> 你多了<li>,多加油吧!! <!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>無標題文件</title>
</head>
<body>
<ul id="c">
<li>
first
</li>
<li>
second
</li>
<li>
thrid
</li>
<ul>
<li>
<span>abc</span>
<span>abc</span>
</li>
<li>def</li>
<li>ghi</li>
</ul>
</body>
</html>
這樣就有你要的東西了...<div class='locked'><em>瀏覽完整內容,請先 <a href='member.php?mod=register'>註冊</a> 或 <a href='javascript:;' onclick="lsSubmit()">登入會員</a></em></div>
頁:
[1]