如何让两个div并排同行显示
1个回答
展开全部
首先:把这两个div写在html代码中,如下代码所示。
<div class="content">第一个div</div>
<div class="content">第二个div</div>
其次:再css样式里面对这两个div控制,让其左浮动,或者右浮动,根据自己需要调整。下面给出例子,div的高是253px,宽是280px,让其两个左浮动,这样两个div就并排在一行了。
.content {
height: 253px;
width: 280px;
float: left;
}
最后,考虑到div的布局不规整,可以用一个大的div对其加以控制,可以写成这样,这样就可以了。
<div>
<div class="content">第一个div</div>
<div class="content">第二个div</div>
</div>
<div class="content">第一个div</div>
<div class="content">第二个div</div>
其次:再css样式里面对这两个div控制,让其左浮动,或者右浮动,根据自己需要调整。下面给出例子,div的高是253px,宽是280px,让其两个左浮动,这样两个div就并排在一行了。
.content {
height: 253px;
width: 280px;
float: left;
}
最后,考虑到div的布局不规整,可以用一个大的div对其加以控制,可以写成这样,这样就可以了。
<div>
<div class="content">第一个div</div>
<div class="content">第二个div</div>
</div>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询