CSS div边框将显示,但是透明的

CSS div边框将显示,但是透明的,css,border,Css,Border,我尝试将边框仅应用于具有纯色的div的左侧和右侧。当我查看页面时,其中的元素(设置为填充div宽度)在适当数量的像素上移动,但是边框本身(纯色)似乎不存在,或者边框本身是透明的。如何使纯色边框实际显示?以下是CSS部分: #menu { border-left: 10px solid #490707; border-right: 10px solid #490707; } 边框未显示,因为由于具有浮动子体(列表项)#菜单高度已“折叠”。。通过添加溢出:隐藏,可以为#菜单的子体建立新的块格式上下

我尝试将边框仅应用于具有纯色的div的左侧和右侧。当我查看页面时,其中的元素(设置为填充div宽度)在适当数量的像素上移动,但是边框本身(纯色)似乎不存在,或者边框本身是透明的。如何使纯色边框实际显示?以下是CSS部分:

#menu {
border-left: 10px solid #490707;
border-right: 10px solid #490707;
}

边框未显示,因为由于具有浮动子体(列表项)
#菜单
高度已“折叠”。。通过添加
溢出:隐藏,可以为
#菜单
的子体建立新的块格式上下文以便遵守浮动

最终,当浏览器采用时,您将能够使用
最小高度
最小宽度
属性的
包含浮动
值,这样您就不必使用
溢出:隐藏不再

  • 与“最小内容”等效,但当应用于块框的范围时,它会强制内部范围足够大,以包含源自块内且与块的直接内容参与相同块格式上下文的任何浮动的边距框


    边框未显示,因为由于具有浮动子体(列表项)
    #菜单
    高度已“折叠”。。通过添加
    溢出:隐藏,可以为
    #菜单
    的子体建立新的块格式上下文以便遵守浮动

    最终,当浏览器采用时,您将能够使用
    最小高度
    最小宽度
    属性的
    包含浮动
    值,这样您就不必使用
    溢出:隐藏不再

  • 与“最小内容”等效,但当应用于块框的范围时,它会强制内部范围足够大,以包含源自块内且与块的直接内容参与相同块格式上下文的任何浮动的边距框


    你可以发布一个复制问题的帖子吗?当然可以:横幅图像不存在,但希望你能理解。#490707应该是深红色,所以我假设它与你的背景有足够的对比度,并且10像素厚的实线应该非常清晰可见。您是否尝试过FireBug之类的工具来查看应用于此菜单div的所有CSS,顺序是什么?也许有什么东西改变了颜色,在#菜单之后应用;或者可能根本没有应用菜单ID(其他一些CSS正在移动内容)?你能发布一个复制问题的帖子吗?当然:横幅图像不存在,但希望你能理解。490707应该是深红色,所以我假设它与你的背景有足够的对比度,一条10像素厚的实线应该非常清晰可见。您是否尝试过FireBug之类的工具来查看应用于此菜单div的所有CSS,顺序是什么?也许有什么东西改变了颜色,在#菜单之后应用;或者可能根本没有应用菜单ID(其他一些CSS正在移动内容)?边框现在可见。非常感谢。您可以使用伪元素来清除
    #菜单
    :这是我上面提到的新属性的主要原因之一。请稍候。。。我加了“溢出:隐藏;”对所有的#菜单的子体,悬停菜单(仍然)已损坏。删除
    溢出:隐藏还有,看看我上面提供的小提琴。现在可以看到边框了。非常感谢。您可以使用伪元素来清除
    #菜单
    :这是我上面提到的新属性的主要原因之一。请稍候。。。我加了“溢出:隐藏;”对所有的#菜单的子体,悬停菜单(仍然)已损坏。删除
    溢出:隐藏同样,看看我上面提供的小提琴。