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

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

關于浮動的問題

兩個浮動的div寬度加起來沒有超過960，怎么會在只設置左浮動的時候兩個div不能并排顯示？

正在回答

5 回答

http://img1.sycdn.imooc.com//58a848900001447512940173.jpg

圖片在這里

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

Amaranta

求解+1
2017-02-24 回復 有任何疑惑可以回復我~
#2

qq_銜尾蛇_0 回復 Amaranta

我的理解是div是塊級元素，所以一個標簽就是一行，就算left浮動了，塊級元素是不會上去的，如果你把right弄成行內元素就會上去
2017-03-07 回復 有任何疑惑可以回復我~

我打代碼試了下，確實沒有并排


<!DOCTYPE html>

<html>


<head>

? ? <meta charset="utf-8">

? ? <title></title>

</head>

<style>

? ? * {

? ? ? ? margin: 0;

? ? ? ? padding: 0;

? ? }


? ? #warp {

? ? ? ? margin: 5px auto;

? ? ? ? width: 960px;

? ? }


? ? #header {

? ? ? ? background-color: grey;

? ? }


? ? #body {

? ? ? ? background-color: yellow;

? ? }


? ? #footer {

? ? ? ? background-color: blue;

? ? }


? ? .left {

? ? ? ? background-color: red;

? ? ? ? float: left;

? ? ? ? width: 500px;

? ? }


? ? .right {

? ? ? ? background-color: green;

? ? ? ? width: 350px;

? ? }

</style>


<body>

? ? <div id="warp">



? ? ? ? <div id="header">header

? ? ? ? </div>

? ? ? ? <div id="body">body

? ? ? ? ? ? <div class="left">

? ? ? ? ? ? ? ? left

? ? ? ? ? ? </div>

? ? ? ? ? ? <div class="right">

? ? ? ? ? ? ? ? right

? ? ? ? ? ? </div>

? ? ? ? </div>

? ? ? ? <div id="footer">

? ? ? ? ? ? footer

? ? ? ? </div>

? ? </div>

</body>


</html>

</div>

<div id="footer">


</div>

</div>

</body>


</html>


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

qq_銜尾蛇_0

我剛剛找到了原因，實際上body這幾個字的寬度要算進去，否則會被幾到下面。。
2017-02-18 回復 有任何疑惑可以回復我~
#2

qq_銜尾蛇_0 回復 qq_銜尾蛇_0

但是不設置right這個塊，float的話還是不能并排。。不知道問題在哪
2017-02-18 回復 有任何疑惑可以回復我~

兩個div的浮動都要設置

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

上代碼

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

上代碼

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

舉報

0/150
提交
取消
網頁布局基礎
  • 參與學習       214664    人
  • 解答問題       1833    個

讓你精通CSS中三大定位機制，徹底掌握網頁布局的相關知識

進入課程

關于浮動的問題

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

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

 幫助反饋 APP下載

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

 公眾號

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