Html 如何在一行中显示两个div
我有两个像这样的部门:-Html 如何在一行中显示两个div,html,css,Html,Css,我有两个像这样的部门:- <div class="pdetails"> <div class="contact_details"> text </div> <div class="clear"></div> <div id="contact_area_form_" class="tform_wrapper"> text </div> <
<div class="pdetails">
<div class="contact_details">
text
</div>
<div class="clear"></div>
<div id="contact_area_form_" class="tform_wrapper">
text
</div>
</div>
对我来说,它们出现在一行中。只有当窗口大小不足以容纳两个窗口时,它们才会以垂直对齐方式显示。您可以给父div一个固定的宽度来避免这个问题。如果窗口很小,就会显示一个滚动条。对我来说,滚动条只显示一行。只有当窗口大小不足以容纳两个窗口时,它们才会以垂直对齐方式显示。您可以给父div一个固定的宽度来避免这个问题。如果窗口较小,则会显示一个滚动条。删除具有“clear”类的div,或使用display:none隐藏该类
<div class="pdetails">
<div class="contact_details"> text </div>
<div id="contact_area_form_" class="tform_wrapper"> text </div>
</div>
删除具有“clear”类的div,或使用display:none隐藏该div
<div class="pdetails">
<div class="contact_details"> text </div>
<div id="contact_area_form_" class="tform_wrapper"> text </div>
</div>
我会这样说: 中间的清楚是说这条线上不能有更多的东西,然后把另一个盒子往下推。你想做的事情在最后一个盒子之后是清楚的,所以你可以在前两个盒子之后构建,否则事情将开始在它们旁边浮动
.tform_wrapper {
padding-top: 10px;
width: 510px;
background: red;
}
}
}我会这样说: 中间的清楚是说这条线上不能有更多的东西,然后把另一个盒子往下推。你想做的事情在最后一个盒子之后是清楚的,所以你可以在前两个盒子之后构建,否则事情将开始在它们旁边浮动
.tform_wrapper {
padding-top: 10px;
width: 510px;
background: red;
}
}
}我建议使用
显示:内联块代码>属性而不是浮动
我建议使用显示:内联块代码>属性而不是浮动
删除
,因为它很可能使用类似于清除:两者
的东西,这样之后的任何浮动都会从其之前的任何浮动的左右侧清除。删除
因为它很可能使用类似于清除:两者
的东西,这样之后的任何浮动都会从其之前的浮动中清除任何浮动的左右侧在其前面。
.pdetails {
color: #000000;
font-family: tahoma;
font-size: 12px;
line-height: 18px;
margin-top: 20px;
min-height: 360px;
text-align: justify;
.contact_details {
float:left;