Question

我有一个auto高度和100%宽度的Div。现在在Div中我必须再显示一个Div，剩余宽度可用于父Div和100%高度（Div在父Div的按钮结束后应该显示在整页中。）我也希望显示带边框的第二个Div，这样任何人都可以通过看到它来知道DIV的扩展。这是我想在Div中添加边框的CSS。

 border: 2px solid;
 border-radius: 25px;

边境正在进入Div但是Div没有显示在垂直方向。它显示为水平..这是小提琴链接.. FIDDLE

请帮忙解决.. 谢谢..

Answer 1

不是100％肯定我收到了您的请求。这是我的猜测：

.verticalDiv
{
position:relative;
height:auto;
width:  100%;
    border: 2px solid red;
}

#computationOperation
{
position:relative;
width:  100%;
    display:block;
    min-height: 100px;
    height: auto;
}

Fiddle 让我知道它有帮助！

Answer 2

完全明白你想要做什么，但这是你在寻找什么？ http://jsfiddle.net/5pqqeuhy/

body, html{
    height:100%;
}

.verticalDiv
{
position:relative;
height:100%;
width:  100%;
}

.computationOperation
{
position:relative;
height:100%;
width:  100%;
}

您需要将html和body的高度设置为100％，因为默认情况下它们不会扩展到浏览器的完整高度

如何在Div内显示带边框和100％高度的Div

2 个答案: