Question

在我正在制作的网站中，我在主页顶部添加了一个添加公告，小工作人员通知的功能。我的想法是，我有一个向左侧浮动的个人资料部分，顶部的一个小日期行显示（当然）日期和一些标签。

问题出现在日期线部分。日期行位于公告顶部的配置文件右侧。日期线有一个边框底部，这个边框一直延伸到整个公告中，被绘制在浮动的div上。

我做了一个例子here，你可以看到问题。对于某些背景信息，所有公告都将在div.bulletin_frame内，如果您愿意，则为“主要div”。在那里将有div.bulletin s。我把它配置成除了第一个之外它们都在顶部有一个实心边框，所以它们之间有一个边界。（见样式表）

谢谢！

CSS：

div.bulletin_profile
{
    padding: 5px;
    margin-right: 5px;
    text-align: center;
    float: left;

    border-bottom: 1px gray solid;
    border-right: 1px gray solid;
    border-bottom-right-radius: 5px;
}
div.bulletin_dateline
{
    padding: 5px;
    font-family: monospace;
    border-bottom: 1px gray solid;
}
div.bulletin_body
{
    padding: 5px;
}

Answer 1

边框不是 over div，而是在之后。分隔符根本没有背景。

要更改此设置，只需将背景添加到.bulletin_profile：

div.bulletin_profile {
    background:rgb(240,240,240);
}

在浮动div上绘制的CSS边框

1 个答案: