CSS DIV 溢出

标签 css html overflow

网站:http://partsconsign.com/parts/?custid=1

我不知道发生了什么。突然间,在不更改 css 的情况下,当我展开“浏览”类别时,它们会溢出到包含的 div 之外。这是 div 的 css:

.bodyArea
{
    width: 900px;
    background-image:url(/images/bg.jpg);
    background-repeat:no-repeat;
    border-width: thin;
    border-style: solid;
    margin-left:auto;
    margin-right:auto;
    -moz-border-radius: 8px;
    border-radius: 8px;
    min-height: 900px;
}

.pageArea
{
    background-image: url(../images/page_bg.jpg);
    background-repeat: repeat;
    width: 95%;
    position:relative;
    margin-left: 25px;
    margin-top: 30px;
    min-height: 700px;
    height:auto;
}

#partCat {
    width: 775px;
    padding:5px;
    cursor:pointer;
}

我不明白为什么扩展这些 div 会导致任何类型的溢出。这些 div 都没有任何绝对定位。我究竟做错了什么? #partcat 位于 .pageArea 内,而 .pageArea 位于 .bodyArea 内。我已经浏览了之前提出的许多问题,但所有问题似乎都略有不同。救命!

最佳答案

您的 div 固定在 30px 高度。删除该部分的高度

<div style="height: 30px; width: 100%">

通过 firebug 进行测试,可以正常工作

关于CSS DIV 溢出,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9828205/

相关文章:

防止子元素继承父样式的CSS

jquery - 如何仅在半圈内制作动画

html - 对于垂直页面布局非常长的应用程序,如何将 Twitter Bootstrap 导航栏固定在屏幕顶部?

javascript - 使 jquery 滑动 slider 宽度 100%

html - 使网格行占用最小空间

html - 为什么当浏览器尺寸减小时 Flex 文本会重叠?

css - 伪类(第 n 个 child 或第一个 child )不起作用

c - 无法复制堆栈缓冲区溢出漏洞利用

jquery - 带有溢出 :hidden, 边界半径和 Canvas 作为子元素的 Div。溢出 buggy 取决于大小 Canvas

css - firefox 49,边界半径+溢出:hidden not working