Question

我正在寻找weblayouting中最好的解决方案。在中心内有一个整个站点（pagewrapper）的3个div。 div1应位于左侧，div2位于中间，div3位于右侧。中间的div应该大于侧面的div。

我总是使用浮动但我对此解决方案不再满意

＆＃13;

	margin: 5px;
}

div {
	border: 1px solid black;
	height: 30px;
	width: 30px;
}

#parent {
	width: 50%;
	margin: 0 auto;
	height: auto;
}

.l {
	display: inline-block;
}

.m {
	display: inline-block;
}

.r {
	display: inline-block;
	right: 0;
	position: absolute;
}

＆＃13;

 <!DOCTYPE html>
 <html>
 <head>
 	<!-- <link rel="stylesheet" href="css.css"> -->
 </head>

 <body>
 	<div id="parent">
 		<div class="l">1</div>
 		<div class="m">2</div>
 		<div class="r">3</div>
 	</div>
 </body>

 </html>

＆＃13;

所以这就是我现在所得到的......

问候迈克

HTML / CSS Laying 3 Div使用内联块并排（左/中/右）

0 个答案: