<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>多了一只猪</title>
</head>
<body>
<div style="width:400px">
<!– –>
<div style="float:left"></div>
<div style="float:right;width:400px">↓这就是多出来的那只猪</div>
</div>
</body>
</html>
提示:您可以先修改部分代码再运行
3、将文字区块包含在新的<div></div>之间,如:<div style="float:right;width:400px"><div>↓这就是多出来的那只猪</div></div>。
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>多了一只猪</title>
</head>
<body>
<div style="width:400px">
<div style="float:left"></div>
<!– –>
<div style="float:right;width:400px"><div>↓这就是多出来的那只猪</div></div>
</div>
</body>
</html>
提示:您可以先修改部分代码再运行
4、去除文字区块的固定宽度,与3有相似之处。
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>多了一只猪</title>
</head>
<body>
<div style="width:400px">
<div style="float:left"></div>
<!– –>
<div style="float:right;">↓这就是多出来的那只猪</div>
</div>
</body>
</html>
提示:您可以先修改部分代码再运行
可能以上的分析和解决方法有不到位或者不准确的地方,欢迎讨论指正









