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

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

為什么我這樣寫但是右邊的文字不跑到上面去?圖片是250*187的。

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Document</title>

<style>

body {

margin: 0;

padding: 0;

}

.demo01 {

width: 700px;

}

.demo01.left{

width: 300px;

float: left;

}

.demo01.left img {

margin-left:20px;

}

.demo01.right{

width: 400px;

float: right;

}

</style>

</head>

<body>

<div>


<div>

<img src="01.jpg" alt="">

</div>


<div>

<h3>英國</h3>

<p>英國,全稱大不列顛及北愛爾蘭聯合王國(The United Kingdom of Great Britain and 北愛爾蘭以及一系列附屬島嶼共同組成的一個西歐島國。除本土之外,其還擁有十四個海外領地 ,總人口超過6400萬,以英格蘭人為主體民族。</p>

<span>10分鐘之前</span>

</div>


</div>

</body>

</html>

http://img1.sycdn.imooc.com//584810de00012fb708790419.jpg

正在回答

4 回答

你html中的div沒給class,那style里的class又是指向哪個的?

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

雖然過去時間很久了,還是想問你解決了沒,怎么弄的,我也是這個問題

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

風飄葉搖

兩個浮動塊本身內容寬度已經700px了,然后還要20 px的外邊距,超出父元素的容器寬度,就只能上下排列了,把兩個浮動塊的width調小一點即可。
2017-03-17 回復 有任何疑惑可以回復我~
#2

元氣滿滿來學習

謝謝啦,我的問題在.demo01 .left中間的空格那里。后來翻問答看到的
2017-03-17 回復 有任何疑惑可以回復我~

.demo01.left ?.demo01.left img你沒加空格呀

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

其實我是寫了的,但是不知道為什么復制到這個里面就會變了,換了好幾個瀏覽器也是沒有用

http://img1.sycdn.imooc.com//5848b6c2000183af08320439.jpg

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

舉報

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

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

進入課程

為什么我這樣寫但是右邊的文字不跑到上面去?圖片是250*187的。

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

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

幫助反饋 APP下載

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

公眾號

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