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

Posted 2023-04-28

现有代码如下：
<style>
bodyfont-family:'微软雅黑','黑体';
.areafloat:left;clear:both;width:320px;
.titlefloat:left;margin-top:10px;width:320px;height:30px;background:#fcfcfc;border-bottom:solid 1px #d6dbe1;border-top:solid 2px #458fce;padding:5px 0 0 15px;font-size:18px;color:#000;margin-bottom:1px;
.md_bfloat:left;width:160px;height:60px;text-align:center;padding-top:20px;margin:0 1px 1px 0;font-size:15px;cursor:pointer;background:#ededed;color:#454545;border-top:solid 2px #cfcfcf;
.md_b:hoverbackground:#f7f1b6;border-top:solid 2px #c9a951;color:#8d5a00;
.md_afloat:left;width:160px;height:60px;text-align:center;padding-top:20px;margin:0 1px 1px 0;font-size:15px;cursor:pointer;background:#53a3da;border-top:solid 2px #0160a6;color:#ffffff;
.subborder:none;font-size:18px;font-weight:bold;padding-top:-15px;
</style>
<script>
function check(e)
e.className=e.className=='md_a'?'md_b':'md_a';
eid=e.id.split('m')[1];
$('ck'+eid).checked=$('ck'+eid).checked==true?'':'checked';

</script>
<div style="float:left">
<img src="home.jpg"> </div>
<div class="area" id="t2"><div class="title">a</div><div class="md_b" id="m1" onclick="check(this);">b<input type="checkbox" name="ck[]" value="1" id="ck1" style="display:none;" /></div></div>

首先：把这两个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> 参考技术A 要让两个DIV并排一行的话，可以给第一个DIV使用float:left;第二个DIV使用float:left;下面的区块清除浮动clear:both;

你代码贴的太多，看到乱，只能这么回答，希望帮助到你！追问

"面的区块清除浮动clear:both;"

您能说的详细点吗大神？在哪里添加clear:both;?具体代码能帮我改一改吗？

参考技术B div默认的display属性是block,在CSS里重写为inline-block,就可以了追问

能把代码帮我改一改吗？谢谢

参考技术C 区块变为一行，把它变为内联就可以了呀 参考技术D 不知道你想把那两个div变成一排 我一般都是左浮动 下边的div清除浮动追问

能把代码帮忙改改吗？谢谢

在html中，我想让两张图之间的空格变大一点，应该怎么办

在html中，我键入一个  但是感觉两张图之间的空格还是有点小，怎么能让两张图之间的空格大下点，后来我键入两个  ，后来显示不出来了，我应该怎么办，请高手指教，谢谢
请问一下，想让空格的距离变大，怎么键入两个空格呀，是不是打两个&nbps

用&nbps;代替空格，代码下不支持空格显示，用html码代替就好了浏览器会把这串解释成空格显示出来的追问

请问一下，想让空格的距离变大，怎么键入两个空格呀，是不是打两个&nbps

追答

别忘了加“;"，要输入"&nbps;"才管用。我不建议用空格加间距，你得系统的学一下css，用css控制html中各个元素的样式，其中margin属性可以帮你解决间距问题

追问

我加入了 ；&+nbsp 好像还是显示一个空格的距离，要是不行的我学一下margin，margin里的空格是用什么表示呀，谢谢

参考技术A 空格 "&nbps;"