Question

我有一个容器div，它包含多个浮动的div我希望容器内的特定边框div具有容器本身的90％高度但是它似乎没有检测到容器的高度，即使我已经应用了clear：在容器的末尾和溢出：隐藏到容器div。

Answer 1

您可以使用此js脚本：

<script type="text/javascript">
    $(document).ready(function() {
        setHeight();
        $(window).resize(function() {
           $('.seperator2').css({ height: '50px'});
           setTimeout(function(){
              setHeight();
            },300);        
        });
   });
  function setHeight(){
     var contentH = $('.content').height();
     separatorH = parseFloat(contentH * 0.9);
     $('.seperator2').css({ height: separatorH });
  }
</script>

此脚本可以位于页面的顶部或最底部。尽管有这个地方，但请确保首先链接jQuery库。

注意：要在头部（或页面的其他位置）链接jQuery库，请使用以下脚本：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

编辑：您可以将元素的height设置为0或完全删除它。我仍然可能将其留作height: 100;;这会在脚本执行之前强制页面看起来像样。

浮动div正在扩展容器的高度，但如果我将百分比高度应用于内部div元素，则不会定义高度

1 个答案: