Question

因此,情况如下:

“entergraph

问题在于,我在集装箱干.中有两个小块。集装箱干.的高度是恒星,2个内干.也是如此。右翼有一条边界线......但如果是空洞的话,它不会填补整个高度。

Answer 1

你谈论的问题被称为“faux栏”,在过去几年里已经做了报告和描述:。

有几个解决办法:

use background on the containing div which will imitate the border
use CSS3 techniques (display:table and display:table-cell, but these are not really meant for this or CSS3 flexbox which is highly experimental and probably won t work in most browsers)
use JS to set the column height to the maximum of heights of the elements

如果你重新使用 j,那么最后的解决办法是相当好的,那么它就能够做到:

var max=0;
$( #container ).children().each(function(){
    if($(this).height()>max) max = $(this).height();
});
$( #container ).children().each(function(){
    $(this).height(max);
});

该书通过该集装箱的所有儿童发放,并且具有最高要素。之后,它又重新er升,为其中每一个国家设定最高高度。

Answer 2

<><><><>>><>>>>><>>>>>>>

<div class="wrapper">
    <div class="child_1">First Div content goes here</div>
    <div class="child_2">Second Div content goes here</div>
</div>

<>CSS

.wrapper {
        width: 960px;
        overflow: hidden;
        margin: 0px auto;
    }

    .child_1, .child_2 {
        padding-bottom: 9999em;
        margin-bottom: -9999em;
        width: 50%;
        float: left;
    }

    .child_1 {
        background: #f00;
    }

    .child_2 {
        background: #0f0;
    }

Answer 3

Try adding a border-right to the left div. Add a div inside the container div with a clear class. Then in css add this: .clear{clear:both;}

Answer 4

这是你重新寻找......。

Also, I m assuming you re using float, so I highly recommend you give this a read:

http://coding.smashingmagazine.com/2007/05/01/css-float-theory-things-you-should-know/

... remember to clear your floats!

友情链接