html - 2 つの div の高さが同じであることを確認するにはどうすればよいですか?

Question

ラッパー内に2つのdivが並んでいるとしましょう。

<div id="wrapper">
    <div id="primary"></div>
    <div id="secondary"></div>
</div>

#primary {
width:50%;
float: left;
}
#secondary {
width: 50%;
}

div セカンダリが常に div プライマリと同じ高さになるようにするにはどうすればよいですか

Answer 1

たとえば、コンテナの高さの値を指定する場合、と高さの値を#wrapper {height:300px;}に設定するだけです。ただし、高さの値を指定したくない場合は、次の例のようにオプションを使用できますhttp://jsfiddle.net/qiqiabaziz/LFEF5/#primary#secondary100%display:table

Answer 2

親div（divラッパー）の幅がピクセル単位であることを確認してください

<div id="wrapper">
    <div id="primary"></div>
    <div id="secondary"></div>
</div>

#wrapper {
    width:300px;
}
#primary {
    width:50%;
    float: left;
}
#secondary {
    width: 50%;
}

div プライマリにマージンやパディングがない限り、これは機能します