サイドバー div の高さを増やしてコンテンツ div の高さと等しくするための単純な JavaScript 関数があります。これが私がこれを行う方法です....
Javascript:
<script type="text/javascript">
function absar(){
document.getElementById("sidebar").style.height = document.getElementById("content").clientHeight;
}</script>
HTML:
<body onLoad="absar()">
<div id="sidebar" style="border:1px solid red">Few content</div>
<div id="content" style="border:1px solid red">
some content <br>
some content <br>
some content <br>
some content <br>
some content <br>
</div>
</body>
このコードは、サイドバーの高さをコンテンツ div の高さと等しくします。** わかった**
しかし、bodyタグの直後に同じコードをwordpressに貼り付けて(同じid値content
と)、bodyに提供すると、何もしません。まったく何もしません。sidebar
onload="absar()"
ほぼ全体のレイアウトを設計したこの時点で、Faux Columns やテーブルなどの新しいソリューションを使用することはできません。