我已閱讀關於此問題的許多帖子,但他們中沒有人正在幫助解決我遇到的問題。我想讓頁面邊上的nav_bar停止對頁腳(正確的內容div結束位置)。對不起,我對javascript/jQuery不太好。哈哈如何阻止頁腳上方的div
這裏是我的資產淨值代碼:
<div id="section">
<div id="navbar">
<div id="navbar_contents">
<ul>
<li><a href="#"><img src="images/nav_bar/nav_top.jpg" width="107" height="55" alt="top"></a></li>
<li><a href="#"><img src="images/nav_bar/nav_portfolio.jpg" width="107" height="55" alt="portfolio"></a></li>
<li><a href="#"><img src="images/nav_bar/nav_about.jpg" width="107" height="55" alt="about"></a></li>
<li><a href="#"><img src="images/nav_bar/nav_contact.jpg" width="107" height="55" alt="contact"></a></li>
<li><a href="#"><img src="images/nav_bar/nav_resume.jpg" width="107" height="55" alt="resume"></a></li>
</ul>
</div>
</div>
<div id="content">
<h1>THE TOP</h1>
<div id="clear">
</div>
</div>
</div>
和CSS:
#section #navbar {
background-color: #FFF;
height: auto;
width: auto;
border: 1px solid #000;
float: left;
-moz-box-shadow: 0px 0px 25px 2px #000000;
-webkit-box-shadow: 0px 0px 25px 2px #000000;
box-shadow: 0px 0px 25px 2px #000000;
-webkit-border-radius: 8px;
-webkit-border-bottom-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius: 8px;
-moz-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 20px;
border-radius: 8px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
padding-right: 23px;
position: fixed;
}
#section #navbar #navbar_contents {
width: auto;
height: auto;
}
#section #navbar ul {
list-style-type: none;
}
#section #content {
background-color: #FFF;
height: 2000px;
width: 610px;
border: 1px solid #000;
float: left;
margin-left: 200px;
-moz-box-shadow: 0px 0px 25px 2px #000000;
-webkit-box-shadow: 0px 0px 25px 2px #000000;
box-shadow: 0px 0px 25px 2px #000000;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
margin-bottom: 20px;
padding-left: 40px;
padding-top: 30px;
}
非常感謝你對你的幫助!
你能提供一個你想要的基本和清晰的圖畫嗎? – Dave 2013-04-29 17:30:55
如果您提供了一張圖片,那麼編寫代碼會更容易 – Vector 2013-04-29 17:46:29