HTML笔记-如何让两个div并排显示

如何让两个div并排显示(让abel和input并排显示)
一. 按整体像素宽度来布局。

<div id="main" style="width:1200px;">
<div id="left" style="width:300px;float:left;">…此处添加你要展示的内容…</div>
<div id="right" style="width:900px;float:left;">…此处添加你要展示的内容…</div>
</div>

备注:左右两个div的宽度之和等于主div的宽度。
二. 按百分比宽度来布局。

 <div id="main" style="width:100%;">
 <div id="left" style="width:25%;float:left;">此处添加你要展示的内容</div>
 <div id="right" style="width:75%;float:left;">此处添加你要展示的内容</div>
 </div>

备注:左右两个div的占比之和等于主div的占比。

已标记关键词 清除标记
相关推荐
©️2020 CSDN 皮肤主题: 游动-白 设计师:白松林 返回首页