請看以下代碼:<div id="div1">欄目1</div><div id="div2">欄目2</div><div id="div3">欄目3</div>這三個盒模型,都設(shè)置border{2px solid red}那么網(wǎng)頁中三個盒子是自上而下垂直排列,怎樣用CSS浮動實現(xiàn)第三個盒子和第一個盒子在一行上,試了很久都不行,只能相鄰的盒子可以實現(xiàn)同行。
2 回答

銀馬座
TA貢獻8條經(jīng)驗 獲得超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>
添加回答
舉報
0/150
提交
取消