1

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

日期线部分出现了问题。日期线位于公告顶部的个人资料右侧。日期线有一个边框底部，这个边框一直延伸到公告中，被绘制在浮动的 div 上。

我在这里做了一个例子小提琴，你可以看到问题。对于一些背景信息，所有公告都将在 div.bulletin_frame 中，如果您愿意，也就是“主 div”。其中会有 div.bulletin 。我对其进行了配置，以便除了第一个之外，它们的顶部都有一个实心边框，因此它们之间都有一个边框。（见样式表）

谢谢！

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

1 回答 1

1

边框没有画在上div，它们在它后面。分隔线根本没有背景。

要改变这一点，只需将背景添加到.bulletin_profile：

div.bulletin_profile {
    background:rgb(240,240,240);
}
于 2013-05-17T12:25:29.787 回答