两个DIV如何横向排列?

头部是一个表格Body体内如何让两个div并排?... 头部是一个表格 Body体内如何让两个div并排? 展开
 我来答
小月Tq3
推荐于2017-09-03 · 知道合伙人互联网行家
小月Tq3
知道合伙人互联网行家
采纳数:33422 获赞数:93512
程序员出生,在互联网行业有多年经验,擅长技术谈判,现任公司经理,但一直热爱并关注互联网,希望共同探讨

向TA提问 私信TA
展开全部

  如何定义让两个DIV横向排列

  两个DIV横向排列方法一:

  一般情况,默认的DIV是写一个换一行,那么如何定义两个DIV横向排列而不换行呢?

  DIV默认的display属性是block。所以每一个DIV都是新的一行,现在把display换成inline就不会换新行了。

  

  两个DIV横向排列方法二:

  这里使用float:right属性。float做为CSS中的一个属性定义元素向哪个方向浮动。float:right文本或图像会移至父元素中的右侧。

  注意有写情况float属性必须配合width使用,否则失效。

  

  height:24px;和line-height:24px;高度一致,文字垂直居中。

duoingdown
2012-01-10 · TA获得超过290个赞
知道小有建树答主
回答量:249
采纳率:100%
帮助的人:175万
展开全部
根据我的经验,你要是设两个div的宽度是48%的话,在各个浏览器中表现可能会不一样(使用float),比如ie6的时候是一上一下,ie9是一左一右。所以我还是建议用table做。真心的
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
寒姑娘
2020-05-01
知道答主
回答量:10
采纳率:0%
帮助的人:2344
展开全部
两个div外面套一个父容器,在父容器的样式里面加这两行:
display: flex;
flex-direction: row;
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
ranhouaini
2012-01-10 · 超过15用户采纳过TA的回答
知道答主
回答量:71
采纳率:0%
帮助的人:41.8万
展开全部
div 设置好宽度 并且两个div宽度的和不超过总body的宽度 然后 给div设置 float:left;属性 就可以了
追问
头部是一个表格  Body体用两个DIV   有一个DIV已经设置好了  但为什么不能插入第二个Div   为啥会跑版?
追答


左侧
右侧///两个层宽度加起来不超过body设定的宽度

css样式
.clearfix:after{content: ".";clear: both;height: 0;visibility: hidden;display: block;font-size:0;}
.clearfix{zoom:1;overflow:hidden;}
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
dathesea
2012-01-10 · TA获得超过426个赞
知道小有建树答主
回答量:1058
采纳率:100%
帮助的人:549万
展开全部
<div style="width: 800px">
<div style="width: 200px; float:left"></div>
<div style="width: 580px; float:left; margin-left: 20px"></div>
<div style="clear:both"></div>
</div>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(3)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式