Html 浮动左/右图像没有响应

Html 浮动左/右图像没有响应,html,css,Html,Css,我有一个浮动左/右广告,宽度和响应性一样好,但我无法计算出高度 以下是我正在使用的代码: <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-siz

我有一个浮动左/右广告,宽度和响应性一样好,但我无法计算出高度

以下是我正在使用的代码:

<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>

广告代码
广告代码

如果要更改高度,可以指定高度

  <div style="height:150px">left</div>
  <div style="height:150px">right</div>
左
正确的

感谢您的否决票,因为您将高度设置为“自动”。要在何处使用高度?a高度:自动;除非在父元素上设置了特定的值,否则永远不会工作。如果希望它具有父元素的完整高度而不设置高度,可以使用flexbox(IE10+)或使用position:absolute;排名:0;底部:0;但别忘了,它是绝对定位的。所以,如果div中只有绝对项,它就没有高度了。设置高度值有用吗?