Javascript CSS边框未扩展整个Div

看看下面的图片，你可以看到我在div的每一侧都有一个边框，或者至少在div的右侧有一个边框。我想让边框延伸整个灰色div，但是当我放置

height:100%

到带边框的div，该div按原样显示。检查我的css下面也让我解释

#Content

是包含所有内容的大灰色div，如果我删除minheight并使其

height:70%边框扩展整个页面。看一看下面的前后图片，了解情况

CSS:

之前：


之后：

更改了
#内容{
填充：0px；
最小高度：70%；
}

到
#内容{
填充：0px；
身高：70%；
}

有人能给我解释一下如何在“后状态图片”中获得具有最小高度属性的边界吗。这里有一个需要处理的jsFiddle：
我有点猜测，但您想要的效果可能来自：

#Files {
    border-left: 2px solid red;
    border-right: 2px solid red;
    min-height: 20em;
    padding: 0 10px;   
}

为了清晰起见，我把边框改成了红色和宽边，但这是可以改变的

要将边框一直延伸到
的末尾，您需要
修改以下样式：

#Content {
    width:100%;
    min-width:965px;
    min-height:50%;
    background-color:#FAFAFA;
    border-bottom:1px solid #E5E5E5;
    padding-top:50px;
    padding-bottom: 0px;
    font-weight:normal;
    color:rgba(0, 0, 0, .8);
}

请注意，您需要将底部填充设置为零。如果要强制使用空格并保留边框，则需要添加一个具有固定高度的额外元素：

<p style="height: 50px; margin: 0;"><!-- spacing hack --></p>



这是一种快速而肮脏的方法，可以在不修改布局其余部分的情况下完成此操作

注意你原来的样式表，我认为
#Content
规则出现在几个地方（你原来的fiddle CSS面板的第4行和第103行）

我的小提琴是：

希望这有帮助

注意：我添加了一些额外的填充，但这是可选的。我不喜欢坐在边界上的文字

关于最小高度：
要使边框按您的需要工作，
#Files
div需要对其高度进行绝对测量（像auto或100%这样的相对测量不起作用）。因此，我为
#文件
指定了
最小高度（20em，但您可以调整），对于小内容（几行），边框一直到底部。对于较大的文本块，它仍然有效

由于浮动另一个div的方式，
#Files
div无法知道同级元素的高度，因此它只能从其父元素继承高度，但在本例中，其他元素不起作用，因为它们是浮动的。
是否需要PHP标记？不，我真的不想把它取下来……您好，
左侧的边框是
#content
您想照亮，所以您想让边框一直延伸到文本的末尾？是@MarcAudet或#content的最小高度我想让边框延伸到整个文本但是为什么如果我将min height to height设置为min height，它会工作，而不是相反？我昨天才意识到我没有将更改保存到JSFIDLE。我仔细检查了我的作品，小提琴现在按我的预期工作。非常感谢！你改变了什么？我好像找不到那个！您正在实现的布局非常具有挑战性，我想我曾经在Eric Meyer（CSS专家）的一本书中看到过类似的内容。他的书很有帮助，值得努力阅读和学习。祝你一切顺利！
<p style="height: 50px; margin: 0;"><!-- spacing hack --></p>