為什么這段代碼style標簽里的設置對body標簽里的內容沒作用?
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>無標題文檔</title>
<style type="text/css">
*{margin:0;padding:0;}
.demo01{background:#9EE2E8;width:600px;position:relative;margin:10px;}
.demo01.left{width:100px;float:left;}
.demo01.left img{margin-left:5px;border:2px solid;}
.demo01.right{width:500px;float:right;background:#EDE573;}
.demo.right span{position:absolute;right:20px;top:10px;font-size:12px;}
</style>
</head>
<body>
<div class="demo01">
? ? ?<div class="left">
? ? ?<img src="" />
</div>
? ? ?<div class="right">
? ? ?<span>10分鐘之前</span>
?<h6>喵大人</h6>
?<p>絕對定位是建立在包含塊為基礎的定位,完全脫離了標準文檔流,隨即擁有了偏移屬性和 ? ? ? ? ? ? Z-index屬性。相對定位是指相對于自身原有的位置進行偏移,仍舊處于標準文檔流中,隨 ? ? ? ? ? ? 即擁有偏移屬性和Z-index屬性。 ? ??
? ? ? ? ? </p>
</div>
</div>
</body>
</html>
2015-12-14
*{margin:0;padding:0;}
.demo01{background:#9EE2E8;width:600px;position:relative;margin:10px;}
.demo01 .left{width:100px;float:left;}
.demo01 .left img{margin-left:5px;border:2px solid;}
.demo01 .right{width:500px;float:right;background:#EDE573;}
.demo01 .right span{position:absolute;right:20px;top:10px;font-size:12px;}
注意空格
2016-04-18
.demo01 .lefth和.demo01.left 的區別在哪里
2015-12-14
你的空格導致的