如何将两个div放入下一个

所有你需要做的是浮动两个div的左侧和应用所需的样式来实现一个中图像（我只是做了类似的事情，唯一匹配的东西就是颜色）。如果你将一个浮动到每一边，那么如果窗口大小改变，除非它们位于一个容器内，否则你不能控制它们的分离，这就是为什么我想浮动到同一边并选择一个边距。这只是个人的喜好，并不意味着以任何其他方式做它更好。

<style> 
.floatOne{ 
    float:left; 
    margin-right:10px; 
    background-color:#ff6464; 
    height:300px; 
    width:80px; 
    } 

.floatTwo{ 
    float:left; 
    margin-right:10px; 
    background-color:#6485ff; 
    height:300px; 
    width:200px; 
    } 
</style> 

<div class='floatOne'>Some text</div> 
<div class='floatTwo'>Some text</div>

下面是从我的代码输出：

floating divs http://img532.imageshack.us/img532/4254/stackh.jpg

来源

2010-06-17 11:54:30

完全取决于这个投票的努力！ – 2010-06-17 12:05:06

这是工作之间空闲时间的后果之一！：P – 2010-06-17 12:14:16

如果这两个div位于非浮动容器中，则必须清除容器以获得完整的浏览器兼容性...... – 2010-06-17 12:16:08

浮动DIV＃1左右浮动DIV＃2右：

<div id="1" style="float:left;"></div> 
<div id="2" style="float:right;"></div>

来源

2010-06-17 11:52:47

如何将两个div放入下一个

回答

相关问题