我想用float來實現盒子的并排
<!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 左浮動,.box2也左浮動;也可以.box1左浮動,box2有浮動;又或者box1右浮動,box2左浮動;還可以box1右浮動,box2也是右浮動,實現的效果都是不同的,可以都試試。但實現并排的話,一定要兩個浮動。用定位和轉換塊狀元素也可以實現這個效果
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>看到后面才發現