html - 带有 overflow-y 的段落 :scroll is displacing my downside Div

Question

我在 Div 中有一个段落。我已经固定了段落的宽度和高度以及此属性 overflow-y:scroll .没关系，我的段落带有垂直滚动条。但它正在取代我的下方 Div。

这是 HTML..

<div id="bodydesc" style="margin-left:auto; margin-right:auto; width:960px; height: 600px;">
    <p id="desc"  style="float:left;overflow-y: scroll;color: #666666;height:590px; width:700px; font-family: Candara,Trebuchet MS,sans-serif; font-size: 12px; font-weight: bold; border-right: thin dotted #666666; line-height: 18px;"></p>
</div>

<div id="footer" class="footer-shadow">
    <div style="margin-left:auto; margin-right:auto; width:960px; "></div>
</div> 

这是 footer-shadow 类的 CSS..

.footer-shadow{
    background-image: url('../img/new_images/footer-bg.jpg');
    height: 170px;
    width: 100%;
    color: gray;
}

我的这个 Div <div id="footer" class="footer-shadow">正在下降意味着从原来的位置位移..

请帮帮我..

Answer 1

我将从检查您的 html 语法开始。首先确保你的 html 是正确的，然后关闭并打开你的 <div></div>正确标记。

一旦您确认我认为您需要添加 float:left给你的.footer-shadow风格。没有它，我认为它会将 html 包装到下一行。