浮动布局：
float：left/right;向左/右浮动！
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style>
#d1{width:100px; height:100px;border:1px solid green;margin:10px;float:right}
#d2{width:50px; height:50px;border:1px solid green; margin:10px; }
#d3{width:25px; height:25px;border:1px solid green; margin:10px; }
</style>
</head>
<body style="border:10px solid blue;background-color:green;margin:10px;">
<div id="d1">d1</div>
<div id="d2">
d2
</div>
<div id="d2">
d3
</div>
</body>
</html>
ps：不会传图片
浮动坍塌问题：style里的内容改为：
<style>
#d1{width:100px; height:100px;border:1px solid green;margin:10px;float:right}
#d2{width:50px; height:50px;border:1px solid green; margin:10px;float:right }
#d3{width:25px; height:25px;border:1px solid green; margin:10px;float:right }
</style>
则会出去坍塌~~ body里没有内容（使用火狐浏览器，ie不支持css标准！！）
可以在最后一个</div>后面加上<div style = "clear:both"></div> 可以正常显示！~~
1339
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
