如何定位div浮动左边，但也是顶部

如何使div内的div浮动不留空格;正如你可以看到图像上有空格，我正在使用这些代码;

main {position:relative;left:339.5px;top:40px;width:1018px;height:1000px;-webkit-box-shadow:inset 0px 0px 40px;} 

main div {float:left;margin:1px;-webkit-box-shadow:inset 0px 0px 20px;} 
#div_size1 {width:336px;height:200px;} 
#div_size2 {width:336px;height:300px;} 
#div_size3 {width:336px;height:100px;} 


<main> 
<div id="div_size1"> 
</div> 
<div id="div_size2"> 
</div> 
<div id="div_size3"> 
</div> 
<div id="div_size3"> 
</div> 
<div id="div_size3"> 
</div> 
<div id="div_size2"> 
</div> 
<div id="div_size2"> 
</div> 
<div id="div_size1"> 
</div> 
<div id="div_size2"> 
</div> 
<div id="div_size3"> 
</div> 
<div id="div_size3"> 
</div> 
</main>

来源

2017-04-01 Halid Kyazim

你也需要添加你的html。最好在一个代码片段使用'ctrl + m' –

http://masonry.desandro.com/ – Rob

如果您发布HTML以及我可以帮助更多。但它看起来像你想要浮动的div上没有任何浮动。

#div_size1 {float:left;width:336px;height:200px;} 
#div_size2 {float:left;width:336px;height:300px;} 
#div_size3 {float:left;width:336px;height:100px;}

来源

2017-04-01 14:17:43 Ger

不，我已经浮动的div ...主div {float：left}：意思是所有的div里面的“main” –

如果你改变了位置，绝对可以从顶部和侧面改变它的距离：

main div { 
    margin:1px; 
    -webkit-box-shadow:inset 0px 0px 20px; 

    position:absolute; 
    left: 0px; 
    top: 0px; 
}

希望这有助于

来源

2017-04-01 14:43:08 dwmyfriend

如果你希望它固定的，如果我是建设这个布局我会有2个“colum”Divs。前1个将是2个盒子宽。另一个将是1盒宽。左和右。右边的5个盒子就在右边的栏目中。然后在左栏中我会进一步分开。我会把2“行”div。底部会有底部1个框（div_size3）。然后在第一行中，我将通过插入2个colum div来分开。左边的将有3个盒子和右边的2个盒子。

来源

2017-04-01 14:56:20 Ger

如何定位div浮动左边，但也是顶部

回答

相关问题