html CSSで2つのブロック（動的行）の高さを節約

Question

2つの動的テーブルの高さを節約したいと思います。 解決方法はjavascipt（ document.getElementById（ 'bloc2'）。style.height = document.getElementById（ 'bloc1'）.clientHeight）を使用することです。

HTMLとCSSを使用して他の解決策を見つけることはできますか？

Answer 1

英語力が不十分な場合は、を確認してください。）、StackOverflowのスタイリングツールを使用してください。

すべての情報は、こちらをご覧ください。そして、答えとして私は最初に<table>を使わないようにアドバイスしたいと思います。

<div id="container"> 
    <div id="block_1" class="foo"> 
     <!-- Your HTML/text content --> 
    </div> 
    <div id="block_2" class="foo"> 
     <!-- Your HTML/text content --> 
    </div> 
</div> 

とCSSについて（値は一例であり、あなたを使用）：

#container { 
    width: 100%; 

    /* The height will be minimum 350px, depending on the content */ 
    min-height: 350px; 

    /* I often use flexbox properties, it does really well the job */ 
    display: flex; 
    flex-flow: row nowrap; 
    justify-content: center; // Default value 
} 

.foo { 
    width: 50%; 
    /* this value will make your 2 blocks the same height according to their container */ 
    height: inherit; 
} 

はフレキシボックスのプロパティを（多くがあります）を確認、それはあなたの仕事を容易にすることができます。