第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

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

請問， 下面代碼中.left和.right兩個div為什么不能顯示在一行呢？（跟老師的代碼敲的一樣啊。。。T T）

<html>
<head>
<meta?http-equiv="Content-Type"content="text/html;charset=utf-8"/>
<style>
.demo01{width:600px;}
.demo01.left{width:100px;?float:left}
.demo01.right{width:500px;?float:right}
</style>
</head>
<body>
<div?class="demo01">
	<div?class="left">
		<img?src="img/head01.jpg"/>
	</div>
	<div?class="right">
		<h6>櫻桃</h6>
		<p>為什么兩個子div不顯示在一行呢？
		</p>
		<span>10min</span>
	</div>


</body>


正在回答

5 回答

樓上代碼有誤，更正

<!doctype?html>
<html>
<head>
<meta?charset="UTF-8">
<title>Document</title>
<style?type="text/css">

/*reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p{
margin:?0;
padding:?0;}
.demo01{width:600px;}

/*?重點來了??！這里的.demo01后面要加空格再加.left或right?
?.demo01.left?這種寫法應(yīng)該是錯誤的！?。∷院竺鎸傩圆簧?，
?正確的子類寫法應(yīng)該是加空格或者用子選擇器?.demo01>.left或者直接寫.left
?具體css選擇器?可參考?慕課網(wǎng)（http://idcbgp.cn/code/2023）和w3school（http://www.w3school.com.cn/css/css_selector_descendant.asp）的例子?*/

.demo01?.left{width:100px;float:?left;background-color:?#f63;}
.demo01?.right{width:500px;float:?right;background-color:?#ccc;}
</style>

</head>
<body>
	<div?class="demo01">
		<div?class="left">
			<img?src="1.jpg">
		</div>
		<div?class="right">
			<h6>小丸子</h6>
			<p>HTML標(biāo)記、div+css+javascript</p>
			<span>time時間</span>
		</div>
	</div>
</body>
</html>
0 回復(fù) 有任何疑惑可以回復(fù)我~

日了，居然是一個空格的問題?。。?！囧

<!doctype?html>
<html>
<head>
<meta?charset="UTF-8">
<title>Document</title>
<style?type="text/css">

/*reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p{
margin:?0;
padding:?0;}
.demo01{width:600px;}

/*?重點來了??！這里的.demo01后面要加空格再加.left或right?
?.demo01.left?這種寫法應(yīng)該是錯誤的?。?！所以后面屬性不生效，
?正確的子類寫法應(yīng)該是???.demo01>.left或者直接寫.left
?具體css選擇器?可參考?慕課網(wǎng)（http://idcbgp.cn/code/2023）和w3school（http://www.w3school.com.cn/css/css_selector_descendant.asp）的例子?*/

.demo01>.left{width:100px;float:?left;background-color:?#f63;}
.demo01>.right{width:500px;float:?right;background-color:?#ccc;}
</style>

</head>
<body>
<div>
<div>
<img?src="1.jpg">
</div>
<div>
<h6>小丸子</h6>
<p>HTML標(biāo)記、div+css+javascript</p>
<span>time時間</span>
</div>
</div>
</body>
</html>







0 回復(fù) 有任何疑惑可以回復(fù)我~
#1

zhaoy875

求刪除。。怎么沒有編輯自己留言的功能呢@慕女神
2015-08-03 回復(fù) 有任何疑惑可以回復(fù)我~

同樣的問題啊，我的連邊框都不顯

0 回復(fù) 有任何疑惑可以回復(fù)我~
#1

zhaoy875

見樓下
2015-08-03 回復(fù) 有任何疑惑可以回復(fù)我~

謝謝，一摸一樣的原因，糾結(jié)了一晚上

0 回復(fù) 有任何疑惑可以回復(fù)我~

.demo01???????? .left{width:100px; float:left}

.demo01?????????? .right{width:500px; float:right}

?

1 回復(fù) 有任何疑惑可以回復(fù)我~

舉報

0/150
提交
取消
網(wǎng)頁簡單布局之結(jié)構(gòu)與表現(xiàn)原則
  • 參與學(xué)習(xí)       108284    人
  • 解答問題       395    個

入門必殺技之結(jié)構(gòu)與表現(xiàn)相分離，課程會有3個案例，不同角度講解

進(jìn)入課程

請問， 下面代碼中.left和.right兩個div為什么不能顯示在一行呢？（跟老師的代碼敲的一樣啊。。。T T）

我要回答 關(guān)注問題
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

 公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號