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;
}

My This Div <div id="footer" class="footer-shadow">正在向下移动意味着从原来的位置移开..

请帮帮我..

Answer 1

我首先检查你的html语法。确保您的HTML首先是正确的，并且您已正确关闭并打开<div></div>代码。

一旦您检查了我认为您需要将float:left添加到.footer-shadow样式中。没有它，我认为它将html包装到下一行。

Answer 2

您需要为包含overflow-y属性的div提供固定大小（以像素为单位）。

溢出y：滚动的段落正在取代我的下行Div

2 个答案: