2 game life qc Game_Life_qc 于 2016.02.16 23:44 提问

两个div怎么弄在一行?

在网上查到两个div都设置display:inline可是,其中的内容就变成横向的了,还有种方法float:left,不知道有什么好的方法可以使两个div在一行。还有这两种方法有什么弊端吗

11个回答

caozhy
caozhy   Ds   Rxr 2016.02.17 07:54

正确的做法
左边的float:left;
右边的clear:both;
要考虑到不同分辨率和不同的设备

最好包裹在div容器中

sj18182656342
sj18182656342   2016.02.17 08:13

用position属性 absolute或者relative
试一试分层也可以使一个小div 悬浮在 一个大div上

diaoliwei2
diaoliwei2   Rxr 2016.02.17 08:41

还是float:left

Mr_dsw
Mr_dsw   Ds   Rxr 2016.02.17 08:42

把他俩放在一个容器里面,然后处理父容器

xiaoya5271
xiaoya5271   2016.02.17 08:51

也就只用过你说的那两个方法图片说明不过感觉浮动的好一点

beacon_2011
beacon_2011   Rxr 2016.02.17 08:55

绝对定位 position:absolute; top:50px; left:120px;

showbo
showbo   Ds   Rxr 2016.02.17 09:35

float或者absolute定义,自适应的话用百分比来控制宽度和位置

Royal_lr
Royal_lr   Ds   Rxr 2016.02.17 10:40

一般就是左浮啊,,,

qq_25093755
qq_25093755   2016.02.17 10:54

用左浮动的效果,在浏览器兼容效果上看的比较好。你的问题是没有设置好div的浮动层,第一个div进行浮动,下个div想要不受限制,就需要设置clear:both的属性

Game_Life_qc
Game_Life_qc 回复白若蓝: 我想我应该学习一下浮动啊!
2 年多之前 回复
qq_31027943
qq_31027943   2016.02.17 07:50

display:inlineblock.

共11条数据 1 尾页
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
如何让两个div处于一行
我们知道 div是块级元素,是独占一行的.一般情况下,两个相邻的div是不会处于一行的 例如:<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>让两个div处于同一行</title> </head> <body> <div style="height: 40px;width: 80px;bac
如何让两个Div处于同一行
div是块级元素,是独占一行的,一般情况下,两个相邻的div是不会处于一行的 (1)使用float       div {                   float : left;              }     Div1      Div2 (2)使用inline-block         div
如何使两个div在同一行显示
在CSS中,div属于块级元素,每个块级元素默认占一行高度,一行内添加一个块级元素后无法一般无法添加其他元素(float浮动后除外)。两个块级元素连续编辑时,会在页面自动换行显示。所以默认情况下,2个div是无法显示在同一行的,必须通过样式属性去修改。 解决方方法1:display:inline,将其变成行级元素,这样2个div就会排在同一行。   1."width:40
Css 将 2个 div 放到一行。
方法1: 方法2:
CSS让2个DIV在同一行显示的解决方法
在CSS中,div属于块级元素,每个块级元素默认占一行高度,一行内添加一个块级元素后无法一般无法添加其他元素(float浮动后除外)。两个块级元素连续编辑时,会在页面自动换行显示。所以默认情况下,2个div是无法显示在同一行的,必须通过样式属性去修改。   解决方方法1:display:inline,将其变成行级元素,这样2个div就会排在同一行。   解决方法
DIV+CSS图片和文字如何显示同一行
如果把文字和图片放在同一个图层的,文字可以做到居中,但是图片就不能,因为图片默认是左上对齐的!如果你令到图片居中了,文字就会相对于图片右下对齐了!如果你想2个都居中的话,就不能把他们放在同一个div,或者你试下把他们放在2个div中,或者一个图片放div中,文字直接放页面中,不放div ,这样会给网页减瘦的!呵呵!   补充下:文字居中的,只要用line-height就可以控制居中,图片居中的
两个div在同一行,两个div不换行
很多时候,我们的两个div会在同一行,很多时候我们想让他们同行时,却不能如愿,div会换行,我们为div不能在同一行烦恼,这里提供两个方法。 当然,真的没办法的时候我们只好借助table来实现效果了
【HTML】把两个div的内容放置在同一行
使用float属性把两个div的内容放置在同一行: 我在右侧 我在左侧 结果图:
如何让两个div在同一行显示,并且使他们的总宽度占满整行?
要想两个div同行显示,需要用到css的display属性。 display取值为inline:内联对象的默认值。将对象强制作为内联对象呈递,从对象中删除行。然后给div设置float:left向左浮动。 至于宽度,可以按百分比设置div的width属性。
在HTML中,让两个DIV在同一行显示
左边的第一个层 并排的层 =================== a b