demo03我的頭像為什么float:left沒反應
這是怎么回事嗎，我代碼好像沒有寫錯
曾嶸
2017-06-14
2 回答
舉報
0/150
提交
取消
2017-08-05
demo02 magin-left 設置沒反應。
<!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: 418px;padding:20px;float: right;background: #9cf;border:1px solid #ccc;margin-left: -100px}
.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-left: 20px}
.demo02 .right{width: 418px;padding: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;}
</style>
</head>
<body>
<div class="demo02">
? ?<div class="left">
? ? ? <img src="images/1.png"/>
? ?</div>
? ?<div class="right">
? ?<h6>櫻桃小丸子</h6>
? ?<p>HTML5是未來10年引領Web持續發展的核心標準。強大的HTML5，不僅可以用來開發傳統網頁，還可以用來開發運行在iOS、Android設備 上的應用，更可以用來開發Web游戲。
? ? ? ? 即將拉開帷幕的“HTML5校園行”，由360瀏覽器聯合W3C中國（萬維網聯盟組織）共同舉辦，旨在通過本次活動，讓廣大在校同學了解支撐行業現狀及引領未來趨勢的最前沿的技術，基于前瞻性眼光，提前做好知識和技能儲備，得以緊跟時代潮流，把握就業先機！</p>
? ? ? ? <span>10分鐘之前</span>
? ?</div>
?</div>
?<div class="demo02">
?
? ? ? <img src="images/1.png"/>
? ?<div class="right">
? ?<h6>櫻桃小丸子</h6>
? ?<p>HTML5是未來10年引領Web持續發展的核心標準。強大的HTML5，不僅可以用來開發傳統網頁，還可以用來開發運行在iOS、Android設備 上的應用，更可以用來開發Web游戲。
? ? ? ? 即將拉開帷幕的“HTML5校園行”，由360瀏覽器聯合W3C中國（萬維網聯盟組織）共同舉辦，旨在通過本次活動，讓廣大在校同學了解支撐行業現狀及引領未來趨勢的最前沿的技術，基于前瞻性眼光，提前做好知識和技能儲備，得以緊跟時代潮流，把握就業先機！</p>
? ? ? ? <span>10分鐘之前</span>
? ?</div>
?</div>
</body>
</html>
2017-06-14
已解決，還要寫margin-left:-100px