台灣最大程式設計社群網站
線上人數
1167
 
會員總數:246691
討論主題:190104
歡迎您免費加入會員
討論區列表 >> Java Script/ Node.js >> css float 是什麼意思啊
[]  
[我要回覆]
1
回應主題 加入我的關注話題 檢舉此篇討論 將提問者加入個人黑名單
css float 是什麼意思啊
價值 : 50 QP  點閱數:864 回應數:4
樓主

小胖
初學者
48 80
870 80
發送站內信

清問一下
css float 是什麼意思啊?!
例如要三個div
我寫一個 css 是

.div1,div2,div3
{
width:300;
height:300;
}
.div2
{
float:left;
}
.div3{
}
我所認知的float 是設定div 後面的對齊方式
可是我看到是第三個div 還是排在第二個div 下面
並不是排在第二個div 的左邊

但若把第三個div 也設定 float:left;
就會出現第二個跟第三個排在同一行

請問一下 到底 float 是什麼意思啊?!

本篇文章發表於2013-10-17 19:02
1樓
回應

Allen
捐贈 VP 給 Allen 檢舉此回應
請參考
https://www.google.com.tw/search?q=css+float&ie=utf-8&oe=utf-8&rls=org.mozilla:zh-TW:official&client=firefox-a&gws_rd=cr&ei=Me1fUo-yF4v8iQLiuoCQBw
本篇文章回覆於2013-10-17 21:59
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
2樓
作者回應

小胖
檢舉此回應



<html>
<head>
<style type=text/css>
.div1,.div2,.div3,.div4
{
width:200;
height:200;
background-color:red;
}
.div1
{

}
.div2
{
background-color:green;
float:left;
}
.div3
{
background-color:blue;
clear:both;
}

</style>
</head>

<body>
<div class='div1'>test </div>
<div class='div2'>test2</div>

<div class='div3'>test3</div>


</body>

</html>



抱歉 我是要問 為什麼 div3 的排版會亂掉???
若div3 設 float:left 就ok
會自動跑到div2的旁邊

本篇文章回覆於2013-10-17 22:41
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
3樓
回應

Allen
捐贈 VP 給 Allen 檢舉此回應
您去參考一下別人說明的內容,就比較容易了解,在上述網址裡應該有很多人會解釋才對,您若不去找,其實也是在等別人再重新講一次而已, 以下的網頁您也可以參考一下

本篇文章回覆於2013-10-18 09:24
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
4樓
回應

瘋子
檢舉此回應
http://www.w3school.com.cn/css/css_positioning_floating.asp
參考看看
本篇文章回覆於2013-11-03 22:46
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
   
1

回覆
如要回應,請先登入.