Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.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
Css 相邻的两个div_Css - Fatal编程技术网

Css 相邻的两个div

Css 相邻的两个div,css,Css,我使用的是纯CSS,没有任何JS工具包。问题是,我想让两个独立的div相邻放置。当第二个div断开时,它不应该位于第一个div之下。我认为我的一知半解更好地解释了这个问题;)重要的是,周围的包装器div始终与包含两个div的包装器div大小相同 我已经尝试过将div1和div2向左浮动。 第一组, 第2部分{ 显示:表格单元格 } 是我问题的解决方案:) 如果只有div2具有table cell属性,这是不够的。可在此处找到解决方案: 我知道您不应该使用表格进行布局-我已经这样做了很长时间

我使用的是纯CSS,没有任何JS工具包。问题是,我想让两个独立的div相邻放置。当第二个div断开时,它不应该位于第一个div之下。我认为我的一知半解更好地解释了这个问题;)重要的是,周围的包装器div始终与包含两个div的包装器div大小相同

我已经尝试过将div1和div2向左浮动。

第一组, 第2部分{ 显示:表格单元格 }

是我问题的解决方案:) 如果只有div2具有table cell属性,这是不够的。可在此处找到解决方案:

我知道您不应该使用表格进行布局-我已经这样做了很长时间,非常同意这种说法。。。但是使用
display:table cell
会遇到其他问题,例如宽度扩展以适应内容。。。在这种情况下,需要使用“内部”div来约束宽度。为什么不干脆用一张标准的桌子来代替呢。这会让其他人知道您想要布局的表行为。通过使用DIVs,您获得的唯一好处是使用DIVs实现表行为的满足感。