Question

我遇到两个divs之间的边界问题，所以我尝试了几个不同的代码片段，看看它是否能满足我的需要;例如，我尝试在<div >之间使用新的divs我想要垂直边框，但我认为我没有正确输入信息。我知道你还必须在你的CSS表格中添加代码，但它应该是什么样子呢？什么是正确的方法？

考虑这段代码：如何在#content和#sidebar之间添加一条垂直线？您可以说它是一条垂直线，如果它有文本，则将两个元素分开。

<div id="container">
        <div id="header">
            header content here
        </div>

        <div id="content">
            main content here
        </div>

        <div id="sidebar">
            sidebar content here
        </div>

        <div id="footer">
            footer content here
        </div>

    </div>

============= CSS ============

#container {
    width: 960px;
    margin: 20px auto;
}

#header {

}

#content {
    float: left;
    width: 620px;
}

#sidebar {
    float: left;
    width: 340px;

}

footer {
    clear: both;
}

这是关于此代码在文本中的外观的图像。 Example with text of code given above

基本上，我正在试图找出如何在左段和右段之间添加边框。

我希望它可以理解，我的问题很清楚。

谢谢，

Answer 1

您可以在#sidebar中使用border-left-style: solid;或在#content中使用border-right-style: solid;

Answer 2

我有一个想法，但我不确定它的效果如何。把第一个名字＆＃39;输入到现在访问＆＃39;按钮作为一个div并定义一个border-left css属性，如下所示：

`.mydiv{
border-left: thick double #777;
}`

如何在两个div之间设置垂直边框？

2 个答案: