亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

為什么這段代碼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>

566e21990001f99205000282.jpg

566e2199000194bf05000282.jpg


正在回答

3 回答

*{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;}

注意空格


0 回復 有任何疑惑可以回復我~
#1

李下之忌心中郁 提問者

我手殘。。。好吧,多謝了~
2015-12-14 回復 有任何疑惑可以回復我~
#2

穆晧南

.demo01 .left img和 div left img 這種寫法是一樣的么,兩者有什么區別?
2015-12-14 回復 有任何疑惑可以回復我~

.demo01 .lefth和.demo01.left 的區別在哪里

0 回復 有任何疑惑可以回復我~

你的空格導致的

0 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消
網頁簡單布局之結構與表現原則
  • 參與學習       108290    人
  • 解答問題       395    個

入門必殺技之結構與表現相分離,課程會有3個案例,不同角度講解

進入課程

為什么這段代碼style標簽里的設置對body標簽里的內容沒作用?

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號