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

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

浮動問題!

浮動問題!

qq_小白_7 2015-06-03 10:22:41
請看以下代碼:<div id="div1">欄目1</div><div id="div2">欄目2</div><div id="div3">欄目3</div>這三個盒模型,都設置border{2px solid red}那么網頁中三個盒子是自上而下垂直排列,怎樣用CSS浮動實現第三個盒子和第一個盒子在一行上,試了很久都不行,只能相鄰的盒子可以實現同行。
查看完整描述

2 回答

?
銀馬座

TA貢獻8條經驗 獲得超1個贊

<!doctype?html>
<html>
<head>
<meta?charset="utf-8">
<title>測試4</title>
<style?type="text/css">
??#div1,#div2{
	??border:2px?solid?red;
	??width:100px;}
</style>
</head>
<body>
<div>
<div?style="float:left">
??<div?id="div1">欄目1</div>
??<div?id="div1">欄目2</div>
</div>
??<div?id="div2"??style="float:left">欄目3</div>
</div>
</body>
</html>


查看完整回答
反對 回復 2015-06-03
  • qq_小白_7
    qq_小白_7
    看懂了一些,不過id=div1為什么可以使用兩次,id選擇器不是只能使用一次。
?
qq_小白_7

TA貢獻3條經驗 獲得超0個贊

少些了代碼,都設置width:200px;height:100px;


查看完整回答
反對 回復 2015-06-03
  • 2 回答
  • 0 關注
  • 1394 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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