Question

我有两个div .fac和.sub，我希望.fac位于右侧并同时保持响应但是.fac高度不会保持响应。这是CSS

.sub{
width:50%;
padding:5%;
background:none repeat scroll 0 0 rgba(57, 90, 142, 0.50);
}

.fac{
width:30%;
float:right;
height:relative; // tried relative and if put any % or px number it doesnt work either
padding:3% 3% 3% 7.2%;  
background:none repeat scroll 0 0 rgba(72, 112, 166, 0.25);   
}

如果.sub文本增加了页脚移动并保持响应，但不是.fac的情况下，它穿过页脚，看起来很糟糕。如何解决这个问题？
帮助！

Answer 1

也许您可以使用display:table属性。这里有一个例子：

使用另一个div，将.sub和.fac都放在

中

.text_box {
            display: table-row;
            width: 100%;  
            height: 100%;
            position: relative;
           }
.sub{
     position: relative;
     width:50%;
     display:table-cell;
     float:left;
     height: 100%;
    }

.fac{
     position: relative;
 width:50%;
 float:right;
 background:none repeat scroll 0 0 rgba(72, 112, 166, 0.25);
     display:table-cell;
     height: 100%;
    }

I forked your fiddle example.

Div高度响应问题？

1 个答案: