浮动布局:
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> 可以正常显示!~~