我的定位好像也沒有效果，求解
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>Document</title>
<style>
body,p,h1,h2,h3,h4,h5,h6,form,ul,ol,hr{margin: 0;padding: 0;font:14px/1.5,normal,"Arial","sans-serif","微軟雅黑","宋體"，"Tahoma";color:#666}
ul,ol{
list-style: none
}
.demo01{width: 600px;position: relative}
.demo01 .left{width:100px;float:left}
.demo01 .left.img{margin-left: 20px}
.demo01 .right{width: 445px;padding:20px;float: right;background: #9cf;border:1px solid #ccc}
.demo01 .right p{font-size: 12px;line-height: 25px;}
.demo01 span{position: absolute;right: 20px;top: 10px;font-size: 12px;}
</style>
</head>
<body>
<div>
? ?<div>
? ? ? <img src="images/1.png"/>
? ?</div>
? ?<div>
? ?<h6>櫻桃小丸子</h6>
? ?<p>HTML5是未來10年引領Web持續發展的核心標準。強大的HTML5，不僅可以用來開發傳統網頁，還可以用來開發運行在iOS、Android設備 上的應用，更可以用來開發Web游戲。
? ? ? ? 即將拉開帷幕的“HTML5校園行”，由360瀏覽器聯合W3C中國（萬維網聯盟組織）共同舉辦，旨在通過本次活動，讓廣大在校同學了解支撐行業現狀及引領未來趨勢的最前沿的技術，基于前瞻性眼光，提前做好知識和技能儲備，得以緊跟時代潮流，把握就業先機！</p>
? ? ? ? <span>10分鐘之前</span>
? ?</div>
?</div>
</body>
</html>
2017-08-09
demon1有問題
2017-08-08
結構中div的class沒寫上doma
2017-08-05
求評價，代碼不能運行
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>Document</title>
<style>
body,p,h1,h2,h3,h4,h5,h6,form,ul,ol,hr{margin: 0;padding: 0;font:14px/1.5,normal,"Arial","sans-serif","微軟雅黑","宋體"，"Tahoma";color:#666}
ul,ol{
list-style: none
}
.demo01{width: 600px;position: relative}
.demo01 .left{width:100px;float:left}
.demo01 .left img{margin-left: 20px}
.demo01 .right{width: 345px;padding:20px;float: right;background: #9cf;border:1px solid #ccc}
.demo01 .right p{font-size: 12px;line-height: 25px;}
.demo01 span{position: absolute;right: 20px;top: 10px;font-size: 12px;}
.demo02{width: 600px;position: relative;overflow: hidden;}
.demo02 ?img{float: left;margin-top: 20px}
.demo02 .right{width: 345px;padding:20px;margin-top:20px;float: right;background: #9cf;border:1px solid #ccc}
.demo02 .right p{font-size: 12px;line-height: 25px;}
.demo02 span{position: absolute;right: 20px;top: 10px;font-size: 12px;margin-top:20px;}
? ? .demo03 {width: 345px;padding:20px;margin-top:20px;background: #9cf;border:1px solid #ccc;margin-left: 213px;position: relative}
? ? .demo03 img{float: left;margin-top: 20px;margin-left: -224px}
? ? .demo03 .right p{font-size: 12px;line-height: 25px;}
.
.demo03 span{position: absolute;right: 20px;top: 10px;font-size: 12px;}
</head>
<body>
<div>
? ?<div>
? ? ? <img src="images/1.png"/>
? ?</div>
? ?<div>
? ?<h6>櫻桃小丸子</h6>
? ?<p>HTML5是未來10年引領Web持續發展的核心標準。強大的HTML5，不僅可以用來開發傳統網頁，還可以用來開發運行在iOS、Android設備 上的應用，更可以用來開發Web游戲。
? ? ? ? 即將拉開帷幕的“HTML5校園行”，由360瀏覽器聯合W3C中國（萬維網聯盟組織）共同舉辦，旨在通過本次活動，讓廣大在校同學了解支撐行業現狀及引領未來趨勢的最前沿的技術，基于前瞻性眼光，提前做好知識和技能儲備，得以緊跟時代潮流，把握就業先機！</p>
? ? ? ? <span>10分鐘之前</span>
? ?</div>
?</div>
?<div>
? ?
? ? ? <img src="images/1.png"/>
??
? ?<div>
? ?<h6>櫻桃小丸子</h6>
? ?<p>HTML5是未來10年引領Web持續發展的核心標準。強大的HTML5，不僅可以用來開發傳統網頁，還可以用來開發運行在iOS、Android設備 上的應用，更可以用來開發Web游戲。
? ? ? ? 即將拉開帷幕的“HTML5校園行”，由360瀏覽器聯合W3C中國（萬維網聯盟組織）共同舉辦，旨在通過本次活動，讓廣大在校同學了解支撐行業現狀及引領未來趨勢的最前沿的技術，基于前瞻性眼光，提前做好知識和技能儲備，得以緊跟時代潮流，把握就業先機！</p>
? ? ? ? <span>10分鐘之前</span>
? ?</div>
?</div>
?<div>
? ?
? ? ? <img src="images/1.png"/>
??
? ?
? ?<h6>櫻桃小丸子</h6>
? ?<p>HTML5是未來10年引領Web持續發展的核心標準。強大的HTML5，不僅可以用來開發傳統網頁，還可以用來開發運行在iOS、Android設備 上的應用，更可以用來開發Web游戲。
? ? ? ? 即將拉開帷幕的“HTML5校園行”，由360瀏覽器聯合W3C中國（萬維網聯盟組織）共同舉辦，旨在通過本次活動，讓廣大在校同學了解支撐行業現狀及引領未來趨勢的最前沿的技術，基于前瞻性眼光，提前做好知識和技能儲備，得以緊跟時代潮流，把握就業先機！</p>
? ? ? ? <span>10分鐘之前</span>
??
?</div>
</body>
</html>
2017-08-05
不過怎么把右邊文本div寬度變寬點
2017-08-05
2017-08-05
我的圖片寬202px，前面設置demo01寬600px,所以
.demo01 .right{width: 368px;padding:20px;float: right;background: #9cf;border:1px solid #ccc}