為什么順序變了
我在里面設置的是文本1圖片文本2為什么結果文本2到圖片前面去了設置的浮動有問題么
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>無標題文檔</title>
<style type="text/css">
#all{
margin:0px auto;
padding:0px;
width:800px;
height:800px;
background:#069;
}
#txt1{
width:200px;
float:left;
}
#img{
float:left;
margin:0;
}
#txt2{
width:200px;
float:left;
}
</style>
</head>
<body>
<div id="all">
<p id="txt1">長城是古代中國在不同時期為抵御塞北游牧部落聯盟侵襲而修筑的規模浩大的軍事工程的統稱。長城東西綿延上萬華里，因此又稱作萬里長城。長城建筑于兩千多年前的春秋戰國時代，現存的長城遺跡主要為建于14世紀的明長城。</p>
<img src="http://p4.so.qhmsg.com/bdr/_240_/t01cd31ba9591e13fb4.jpg" width="200" height="200" id="img1" />
<p id="txt2">國家文物局2012年6月5日在北京居庸關長城宣布，歷經近5年的調查和認定，中國歷代長城總長度為21196.18千米，分布于北京、天津、河北、山西、內蒙古、遼寧、吉林、黑龍江、山東、河南、陜西、甘肅、青海等15個省市自治區，包括長城墻體、壕塹、單體建筑、關堡和相關設施等長城遺產43721處。</p>
</div>
</body>
</html>
2017-03-04
你的圖片id設置錯了，一個是img，一個是img1
2017-03-04
text2的浮動應該設置成right。
也可以使用position屬性來設置絕對定位。
也可以把每個文本和圖片有設置成一個塊，這樣操作起來更方便。