我想用float來實(shí)現(xià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;
}
#box2{
????float:right;
}
</style>
</head>
<body>
????<div?id="box1">box1</div>
????<div?id="box2">box2</div>???
</body>
</html>
2015-08-04
可以.box1 左浮動(dòng)，.box2也左浮動(dòng)；也可以.box1左浮動(dòng)，box2有浮動(dòng)；又或者box1右浮動(dòng)，box2左浮動(dòng)；還可以box1右浮動(dòng)，box2也是右浮動(dòng)，實(shí)現(xiàn)的效果都是不同的，可以都試試。但實(shí)現(xiàn)并排的話，一定要兩個(gè)浮動(dòng)。用定位和轉(zhuǎn)換塊狀元素也可以實(shí)現(xiàn)這個(gè)效果
2015-08-04
<!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; ????float:left; } </style> </head> <body> ????<div?id="box1">box1</div> ????<div?id="box2">box2</div>??? </body> </html>看到后面才發(fā)現(xiàn)