html现有代码如何让两个DIV并排一行?

2024-11-05 23:53:03
推荐回答(5个)
回答1:

首先:把这两个div写在html代码中,如下代码所示。

第一个div


第二个div

其次:再css样式里面对这两个div控制,让其左浮动,或者右浮动,根据自己需要调整。下面给出例子,div的高是253px,宽是280px,让其两个左浮动,这样两个div就并排在一行了。
.content {
height: 253px;
width: 280px;
float: left;
}
最后,考虑到div的布局不规整,可以用一个大的div对其加以控制,可以写成这样,这样就可以了。

第一个div


第二个div

回答2:

要让两个DIV并排一行的话,可以给第一个DIV使用float:left;第二个DIV使用float:left;下面的区块清除浮动clear:both;

你代码贴的太多,看到乱,只能这么回答,希望帮助到你!

回答3:

div默认的display属性是block,在CSS里重写为inline-block,就可以了

回答4:

区块变为一行,把它变为内联就可以了呀

回答5:

不知道你想把那两个div变成一排 我一般都是左浮动 下边的div清除浮动