Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 当右div为空时,是否可以使中心div向右填充?_Html_Css - Fatal编程技术网

Html 当右div为空时,是否可以使中心div向右填充?

Html 当右div为空时,是否可以使中心div向右填充?,html,css,Html,Css,我正试图重建我们网站的布局,我发现这是div+css布局的圣杯。我能够在自己的网站上成功地重新创建布局。我确实遇到了一个问题,这就是我现在需要帮助解决的问题 当右div不包含标记时,是否可以修改下面的css以使中心div一直填充到容器的右边缘?我有一些页面有右边的内容,有些没有 这是来自的代码 您需要使用JavaScript来完成这一点 您的JavaScript加载代码应该如下所示: 检查右div是否包含任何内容 如果不是,则将右div的宽度设置为0,将中间div的宽度设置为其起始宽度+右div

我正试图重建我们网站的布局,我发现这是div+css布局的圣杯。我能够在自己的网站上成功地重新创建布局。我确实遇到了一个问题,这就是我现在需要帮助解决的问题

当右div不包含标记时,是否可以修改下面的css以使中心div一直填充到容器的右边缘?我有一些页面有右边的内容,有些没有

这是来自的代码


您需要使用JavaScript来完成这一点

您的JavaScript加载代码应该如下所示:

  • 检查右div是否包含任何内容
  • 如果不是,则将右div的宽度设置为0,将中间div的宽度设置为其起始宽度+右div的起始宽度

    if(document.getElementById(“rightDiv”).innerHTML==“”) { document.getElementById(“centerDiv”).style.width='500px';//将500更改为中心宽度+右侧宽度的任意值,或者在必要时可以动态计算此值

    document.getElementById("rightDiv").style.width = '0px;' // or set it to display: none, perhaps
    
    }


  • 您需要使用JavaScript来完成这一点

    您的JavaScript加载代码应该如下所示:

  • 检查右div是否包含任何内容
  • 如果不是,则将右div的宽度设置为0,将中间div的宽度设置为其起始宽度+右div的起始宽度

    if(document.getElementById(“rightDiv”).innerHTML==“”) { document.getElementById(“centerDiv”).style.width='500px';//将500更改为中心宽度+右侧宽度的任意值,或者在必要时可以动态计算此值

    document.getElementById("rightDiv").style.width = '0px;' // or set it to display: none, perhaps
    
    }


  • 这不起作用。我仍然得到一个原始宽度的空右侧div。这不起作用。我仍然得到一个原始宽度的空白右侧div。
    document.getElementById("rightDiv").style.width = '0px;' // or set it to display: none, perhaps