課程
/前端開發(fā)
/HTML/CSS
/初識HTML(5)+CSS(3)-升級版
有沒有大神教一下怎么讓box1和box2并排在一起而不是上下排列
2015-01-21
源自:初識HTML(5)+CSS(3)-升級版 12-13
正在回答
float即可,不要把div轉(zhuǎn)成塊元素,在IE6 7 下 ?不認識 塊元素的 inline-block轉(zhuǎn)換。
<!DOCTYPE?HTML> <html> <head> <meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"> <title>邊距</title> <style?type="text/css"> div{ ????width:300px; ????height:300px; border:1px?solid?red; } #box1,#box2{ ????display:inline-block; } </style> </head> <body> ????<div?id="box1">box1</div> ????<div?id="box2">box2</div>??? </body> </html>
并排效果
float 或者 把box1和box2 設(shè)成 inline-block
舉報
HTML(5)+CSS(3)基礎(chǔ)教程8小時帶領(lǐng)大家步步深入學(xué)習(xí)標簽用法和意義
2 回答不能并排實現(xiàn)啊 怎么搞的
3 回答并排與不并排的代碼區(qū)別
1 回答我的為什么不能并排顯示?
2 回答欄目并排居中顯示
4 回答根本沒有并排顯示啊
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2015-01-21
float即可,不要把div轉(zhuǎn)成塊元素,在IE6 7 下 ?不認識 塊元素的 inline-block轉(zhuǎn)換。
2015-08-04
并排效果
2015-01-21
float 或者 把box1和box2 設(shè)成 inline-block