亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

我想用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>


正在回答

2 回答

可以.box1 左浮動,.box2也左浮動;也可以.box1左浮動,box2有浮動;又或者box1右浮動,box2左浮動;還可以box1右浮動,box2也是右浮動,實現的效果都是不同的,可以都試試。但實現并排的話,一定要兩個浮動。用定位和轉換塊狀元素也可以實現這個效果

0 回復 有任何疑惑可以回復我~
<!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>

看到后面才發現

0 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消

我想用float來實現盒子的并排

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號