HTML+CSS ??? ??? ?? ????
??? ??? ?? ?????? ? ?? ?????. ? ?? ?? ?? ??? ??? ????? ??? ?? ???? ???? ???. ??? ???? ???? ??? ??? ?? ? ????.
????? ?? ??? ???? ? ??? CSS? ???? ????? ??? ? ????. div, p, table, img ?? ??? ????? ??? ? ????.
???. this ?? ??? ?????. ??? ??? ????.
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>流動(dòng)模式下的內(nèi)聯(lián)元素</title> <style type="text/css"> #dv1{ width:100px; height:100px; background:green; } #dv2{ width:100px; height:100px; background:red; } </style> </head> <body> <div id="dv1"></div> <div id="dv2"></div> </body> </html>
? ??? ?? ?? div? ???? ?? ????? ????. ?? ? ?? ???? ??? ??? ??? ???? ???. ?? ??? ?????.
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>流動(dòng)模式下的內(nèi)聯(lián)元素</title> <style type="text/css"> #dv1{ width:100px; height:100px; background:green; float:left; } #dv2{ width:100px; height:100px; background:red; float:left; margin-left:5px; /*調(diào)節(jié)倆個(gè)div之間的距離*/ } </style> </head> <body> <div id="dv1"></div> <div id="dv2"></div> </body> </html>
??? ?? ??? ??? ??? ?????. ?? ? ?? div? ?? ???? ?? ???? ???? ???. ??? ? ?? ?? ???? ?? ?? ?????.
???? ? ?? div? ?? ???? ????.