html - 子 div 扩展到父 div 之外

标签 html css

您好,感谢您的帮助, 我的子 div 如何突破我的父 div

enter image description here

CSS:

        #itembody{
        min-height: 120%;
        width: 75%;
        margin-left: auto;
        margin-right: auto;
        background-color: white;
        box-shadow: 0px 5px 15px 10px #888888;
//child div
    #itemdiv{
        font-family: century gothic;
        font-weight: bold;
        padding: 10px;
        margin: 10px;
        border-style: outset;
        border-width: 5px;
        border-color: gray;
    }

我怎样才能修复它,使我的父 div 获得与我的子 div 相同的高度。

最佳答案

看起来您的 2 个子元素是 float 的。您必须对父 div 应用 clearfix。

您可以在此处找到有关明确修复的示例和很好的解释: http://code-tricks.com/css-clearfix-methods/

关于html - 子 div 扩展到父 div 之外,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23018636/

相关文章:

css - 两次定义 CSS 属性

css - 可以在 CSS 中创建波纹窗帘效果吗?

javascript - 在 IE11 中打开由 createObjectURL 创建的链接

c# webBrowser.Document : reloading page after postback 收藏

javascript - 按类名切换元素

html - 将背景颜色应用于特定框

html - 如何向这些 CSS 消息气泡添加滑动 div?

html - CSS动画绘制垂直线然后向左转

javascript - 使用 Switch/Toggle Css/javascript 更改文本颜色

javascript - 使用 jQuery 显示的元素上的 CSS 转换问题