Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.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 CSS一个div,其液体宽度与浮动div相邻,浮动div可能存在,也可能不存在_Html_Css_Positioning_Liquid Layout - Fatal编程技术网

Html CSS一个div,其液体宽度与浮动div相邻,浮动div可能存在,也可能不存在

Html CSS一个div,其液体宽度与浮动div相邻,浮动div可能存在,也可能不存在,html,css,positioning,liquid-layout,Html,Css,Positioning,Liquid Layout,我已经读过这篇文章了,但我不能让我的头脑去工作一个适合我需要的解决方案,因为我的情况有点不同,因为我不太擅长CSS 我有一个div,包含三个其他div: 第1组在左边 第2部分居中 右边第三组 问题在于div2可能存在,也可能不存在。 这就是我目前拥有的: 但这正是我想要的: 这是我的 有什么想法吗? 谢谢 检查此项,然后复制此代码并粘贴到您的dreamweaver中,然后使用firefox浏览器运行……检查此项,然后复制此代码并粘贴到您的dreamweaver中,然后使用firefo

我已经读过这篇文章了,但我不能让我的头脑去工作一个适合我需要的解决方案,因为我的情况有点不同,因为我不太擅长CSS

我有一个div,包含三个其他div:

  • 第1组在左边
  • 第2部分居中
  • 右边第三组
问题在于div2可能存在,也可能不存在。

这就是我目前拥有的:

但这正是我想要的:

这是我的

有什么想法吗? 谢谢


检查此项,然后复制此代码并粘贴到您的dreamweaver中,然后使用firefox浏览器运行……

检查此项,然后复制此代码并粘贴到您的dreamweaver中,然后使用firefox浏览器运行……

您好,我想您需要此功能

请移到
#容器的宽度

像这样

#container {

    padding: 5px;
}
并将右属性添加到该
#div3
,如下所示

#div3{
    display:block;
    background: #CCC;
    overflow: hidden;
}

现在现场演示是

嗨,我想你想要这个

请移到
#容器的宽度

像这样

#container {

    padding: 5px;
}
并将右属性添加到该
#div3
,如下所示

#div3{
    display:block;
    background: #CCC;
    overflow: hidden;
}

现在现场演示是

只需添加
溢出:自动可以工作

只需添加
溢出:自动
在你的div3的css中可以使用

非常感谢,这真的帮了我一个大麻烦。我从来没有想到这会是一个如此简单的解决方案!非常感谢,这真的帮我省去了一个大麻烦。我从来没有想到这会是一个如此简单的解决方案!