HTML中如何让两个div并排显示，举个例子 - 百度知道

在HTML中让两个div并排显示，通常情况下有三种实现方式，包括: （1）设置为行内样式，display:inline-block. （2）设置float浮动. 百度首页 商城 注册 登录 首页 在问 全部问题 娱乐休闲 游戏 旅游 教育培训 金融财经 医疗健康 科技 家电数码 政策法规 文化历史 时尚美容 情感心理 汽车 生活 职业 母婴 三农 互联网 生产制造 其他 用户 认证用户 视频作者 知道团队 认证团队 合伙人 企业 媒体 政府 其他组织 商城 手机答题 我的 百度知道 >无分类 HTML中如何让两个div并排显示，举个例子  我来答 可选中1个或多个下面的关键词，搜索相关资料。

也可直接点“搜索资料”搜索整个问题。

html div 例子 搜索资料 9个回答 #热议# 日本造假被扒出的事有多少？ IT干货sufaith 推荐于2019-10-23 · TA获得超过2105个赞 知道答主 回答量：43 采纳率：0% 帮助的人：2.8万 我也去答题访问个人页 关注 展开全部 在HTML中让两个div并排显示，通常情况下有三种实现方式，包括:（1）设置为行内样式，display:inline-block（2）设置float浮动（3）设置position定位属性为absolute以下为三种方式的具体实现代码：1、设置每个div的展现属性为行内样式，示例代码为：div1div22、设置float浮动，示例代码为：div1div23、设置position定位属性为absolute,示例代码为：div1div2扩展资料：css清除浮动方法（1）添加新的元素、应用clear：both.clear{clear:both; height:0;height:0;overflow:hidden;}（2）父级div定义overflow:auto.over-flow{overflow:auto;zoom:1;//处理兼容性问题}（3）伪类 :after方法 outer是父div的样式.outer{zoom:1;}  /*==forIE6/7Maxthon2==*/.outer:after{clear:both;content:'.';display:block;width:0;height:0;visibility:hidden; }参考资料来源：CSS官方文档：css-float参考资料来源：CSS官方文档：css-Positioning 已赞过 已踩过< 你对这个回答的评价是？ 评论 收起 冲浪网站优化 高粉答主 推荐于2018-02-16 · SEO资深专家，互联网知名专家。

冲浪网站优化 采纳数：10806 获赞数：90200 向TA提问 私信TA 关注 展开全部 　　可以采用浮动的方法，只要宽度足够，两个div就可以在一排显示。

打div里面包含两个小div。

　　方法如下：　　1、创建一个大div。

　　代码如下：　　#main {float:left;border:1px   width:100%; }　　2、创建一个左边小div　　代码如下：　　#left{float:left;border:1px   width:40%; }　　3、创建一个右边小div　　代码如下：　　#right{float:left;border:1px   width:40%; }　　4、制作成css文件，或者直接添加到网页上，就可以实现并排显示。

本回答被网友采纳 已赞过 已踩过< 你对这个回答的评价是？ 评论 收起 冰宏ing 2018-05-22 · TA获得超过1.4万个赞 知道答主 回答量：14 采纳率：0% 帮助的人：4891 我也去答题访问个人页 关注 展开全部 让两个Div并排显示的方法有很多，使用display的inline属性、通过设置float来让Div并排显示都可以实现。

以下为3种方法和例子：一、使用display的inline属性， 代码如下:AAAA BBBB 二、通过设置float来让Div并排显示 ，代码如下:  1111 2222 2222 2222    三、对于两个div并排，左边为绝对宽度，右边为相对宽度的，需要用到这种布局的情况比较多见，如左边为导航，右边为内容的页面。

1、将最大的容器padding-left固定宽度，左边的固定宽度的一块position:absolute，然后right的一块width为百分百 2、使用position:absolute。

代码如下： left right  已赞过 已踩过< 你对这个回答的评价是？ 评论 收起 非人已 2018-05-20 · TA获得超过2090个赞 知道答主 回答量：0 采纳率：0% 帮助的人：0 我也去答题访问个人页 关注 展开全部 例子如下：（1）先创建一个大div。

代码如下：#main{float:left;border:1pxwidth:100%;}（2）创建一个左边小div代码如下：#left{float:left;border:1pxwidth:40%;}（3）创建一个右边小div代码如下：#right{float:left;border:1pxwidth:40%;}（4）制作成css文件，或者直接添加到网页上，就可以实现并排显示这是采用浮动的方法，如果你的div没有并排显示，那么你要注意宽度，因为只要宽度足够，两个div就可以在一排显示。

打div里面包含两个小div。

你可以先用DIV定义一个层，然后在层里给两个图片有浮动属性，这样就不会发生图片跑到下一行去了，div盒子本身默认样式属性是独占一行，而解决div独占一行方法通常有两种，一种为设置浮动，另外一种为设置display样式。

接下来是另一种呢方法。

我们加入display:inline即可解决实现同行并排显示div盒子对象。

对div标签设置div{display:inline}样式，为了区别其他不需要设置横向排列显示div盒子对象，我们对相邻需要同排显示的div盒子统一加粗css类，css命名为".div-inline"。

已赞过 已踩过< 你对这个回答的评价是？ 评论 收起 墨影之瞳 高粉答主 2018-05-18 · 每个回答都超有意思的 知道小有建树答主 回答量：32 采纳率：0% 帮助的人：11.6万 我也去答题访问个人页 关注 展开全部 方法如下：1、创建一个大div。

代码如下：#main{float:left;border:1pxwidth:100%;}2、创建一个左边小div代码如下：#left{float:left;border:1pxwidth:40%;}3、创建一个右边小div代码如下：#right{float:left;border:1pxwidth:40%;}4、制作成css文件，或者直接添加到网页上，就可以实现并排显示。

具体如下：1、简介编程是编写程序的中文简称，就是让计算机代为解决某个问题，对某个计算体系规定一定的运算方式，是计算体系按照该计算方式运行，并最终得到相应结果的过程。

为了使计算机能够理解人的意图，人类就必须将需解决的问题的思路、方法和手段通过计算机能够理解的形式告诉计算机，使得计算机能够根据人的指令一步一步去工作，完成某种特定的任务。

这种人和计算体系之间交流的过程就是编程。

2、汇编程序汇编程序。

使用汇编语言编写计算机程序，程序员仍然需要十分熟悉计算机系统的硬件结构，所以从程序设计本身上来看仍然是低效率的、繁琐的。

但正是由于汇编语言与计算机硬件系统关系密切，在某些特定的场合，如对时空效率要求很高的系统核心程序以及实时控制程序等，迄今为止汇编语言仍然是十分有效的程序设计工具。

3、执行原理计算机对除机器语言以外的源程序不能直接识别、理解和执行，都必须通过某种方式转换为计算机能够直接执行的。

这种将高级编程硬件程序设计语言编写的源程序转换到机器目标程序的方式有两种:解释方式和编译方式。

已赞过 已踩过< 你对这个回答的评价是？ 评论 收起 12下一页> 收起 更多回答（7） 广告您可能关注的内容html职坐标H5培训中心www.zhizuobiaozaixian.com查看更多编程职坐标编程培训中心www.zhizuobiaozaixian.com查看更多 其他类似问题 2013-01-09 html现有代码如何让两个DIV并排一行？ 3 2010-10-11 网页中如何让三个DIV同时并列 75 2013-08-15 html中如何将两个div并列显示 23 2019-06-09 HTML怎么把这个div填充上去和我另外两个div并排 2019-12-30 html怎么让竖的div和另一个横的div并排（请看图）？ 2018-05-25 html中怎么样让div并排显示 2011-11-16 如何让两个div并排，并且div要看得见边框。

如下图： 174 更多类似问题 > 为你推荐： 特别推荐 高考“钉子户”梁实是谁？ “蛇缠腰”是种什么病？如何避免？ 没在48小时内「死掉」，为什么不能认定为工伤？ 追剧热知识，关于《梦华录》不得不说的几个问题！ 等你来答 换一换 帮助更多人 下载百度知道APP，抢鲜体验 使用百度知道APP，立即抢鲜体验。

你的手机镜头里或许有别人想知道的答案。

扫描二维码下载 × 个人、企业类侵权投诉 违法有害信息,请在下方选择后提交 类别 色情低俗 涉嫌违法犯罪 时政信息不实 垃圾广告 低质灌水 我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明 0/200 提交 取消 领取奖励 我的财富值 0 兑换商品 -- 去登录 我的现金 0 提现 下载百度知道APP在APP端-任务中心提现 我知道了 -- 去登录 做任务开宝箱 累计完成 0 个任务 10任务 略略略略… 50任务 略略略略… 100任务 略略略略… 200任务 略略略略… 任务列表加载中... 新手帮助 如何答题 获取采纳 使用财富值 玩法介绍 知道商城 知道团队 合伙人认证 高质量问答 您的帐号状态正常 感谢您对我们的支持 投诉建议 意见反馈 账号申诉 非法信息举报 北互法律服务站 京ICP证030173号-1   京网文【2013】0934-983号    ©2022Baidu  使用百度前必读 | 知道协议    辅助 模式