Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/82.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
Javascript 对齐3个不同大小的div_Javascript_Html_Css - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript 对齐3个不同大小的div

Javascript 对齐3个不同大小的div

javascript html css

Javascript 对齐3个不同大小的div,javascript,html,css,Javascript,Html,Css,我目前在一个页面中有3个div，我想将它们与链接中显示的内容对齐 第一组有 style="float:left;" 第二组 但是当我放置Div3时，它的内容显示在Div2的正下方（即使我将div的属性设置为float:left） 有没有什么简单的方法可以在我的页面上对这些内容进行分组 Fiddle:您需要清除浮动div以跳回常规dom流 您需要清除浮动，否则第三个div将在第二个div之后直接浮动。 添加清除：两者都有到div3的样式，它将正确浮动。…编码？HTML，CSS，jsfi

我目前在一个页面中有3个div，我想将它们与链接中显示的内容对齐

第一组有

    style="float:left;"
第二组

但是当我放置Div3时，它的内容显示在Div2的正下方（即使我将div的属性设置为float:left）

有没有什么简单的方法可以在我的页面上对这些内容进行分组

Fiddle:

您需要清除浮动div以跳回常规dom流

您需要清除浮动，否则第三个div将在第二个div之后直接浮动。
添加
清除：两者都有到div3的样式，它将正确浮动。
…编码？HTML，CSS，jsfiddle.net？试试
clear:left在第3A组小提琴上会很方便。。。否则，至少需要一些您尝试过的HTML和CSS代码。

    style="float:right;"