2016-07-20 5 views
-1

フローティングの左右の広告がありますが、その幅は反応的ですが高さはわかりません。ここでフローティング左右のイメージは反応しません

は、私が使用していますコードです:

<div id="leftads" style="max-width: 100%; height: auto; text-align:left; position:fixed; z-index:1001; bottom:1%;left:1%;"> 
    <div> 
    <a href="#" id="adclose" style="color:#333333;font-size:13px;font-weight:bold;text-shadow:black 0.1em 0.1em 0.1em;padding-top:3px;padding-right:0px"> 
     <a href="" onclick="document.getElementById('leftads').style.display = 'none'; return false">[x] close ad</a> 
    </a> 
    </div> 
    <!--Start Left Ad --> 
    ad code 
    <!--End of Left Ad --> 
</div> 
<div id="rightads" style="max-width: 100%; height: auto; text-align:right; display:scroll;position:fixed; z-index:1001; bottom:1%;right:1%;"> 
    <div> 
    <a href="#" id="adclose" style="color:#333333;font-size:13px;font-weight:bold;text-shadow:black 0.1em 0.1em 0.1em;padding-top:3px;padding-left:0px"> 
     <a href="" onclick="document.getElementById('rightads').style.display = 'none'; return false">[x] close ad</a> 
    </a> 
    </div> 
    <!--Start Right Ad--> 
    ad code 
    <!--End of Right Ad --> 
</div> 
+0

何もない投票をありがとうございます。 – user3273412

+0

高さをautoに設定しました。どこの高さを使いたいですか? –

+0

身長:自動;親要素に特定の値が設定されていることを除いて、動作しません。高さを設定せずに親要素の完全な高さが必要な場合は、flexbox(IE10 +)を使用するか、position:absoluteを使用します。上:0;下:0;しかし、それが絶対的な位置付けで流れから取り去られたことを忘れないでください。だからdivに絶対的な項目しかない場合は、それ以上の高さはありません。 – user3528269

答えて

0

あなたはそれを変更したい場合は、高さを指定することができます。

<div style="height:150px">left</div> 
    <div style="height:150px">right</div> 
関連する問題