前段-两个div怎么弄在一行?

问题描述

两个div怎么弄在一行?

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

解决方案

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

最好包裹在div容器中

解决方案二:

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

解决方案三:

还是float:left

解决方案四:

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

解决方案五:

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

解决方案六:

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

解决方案七:

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

解决方案八:

一般就是左浮啊,,,

解决方案九:

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

解决方案十:

display:inlineblock.

时间: 2024-08-18 23:25:14

前段-两个div怎么弄在一行?的相关文章

如何让两个div处于一行

我们知道 div是块级元素,是独占一行的.一般情况下,两个相邻的div是不会处于一行的 例如: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>让两个div处于同一行</title> </head> <body> <div style="height: 40px;w

布局-html 两块div,左侧div固定宽度,右侧div宽度如何填满右侧剩余部分

问题描述 html 两块div,左侧div固定宽度,右侧div宽度如何填满右侧剩余部分 html 两块div,左侧div固定宽度200px,右侧div宽度如何写才能填满浏览器右侧部分(除了calc的方法外) 解决方案 查看这个.http://stackoverflow.com/questions/6487085/two-divs-one-fixed-width-the-other-the-rest 解决方案二: 容器relative定位,200px那个absolute定位,右边的margin-l

左右两栏div+css布局示例

左右两栏div+css布局示例 以下是HTML网页特效代码,点击运行按钮可查看效果: [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

html-css布局一个div有两个子div,其中一个子div有内容的话就会下滑,这是为什么?怎么解决?

问题描述 css布局一个div有两个子div,其中一个子div有内容的话就会下滑,这是为什么?怎么解决? <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> div.main{width: 90%;height:80px;background-color: #f1

jquery控制两个div中二级分类显示

问题描述 jquery控制两个div中二级分类显示 <div class="n_nav clearfix">这个里面是一级分类 <p class="navigation_column">型号</p><ul class="ul2">这个里面放的是二级的分类 想问的就是如何能够控制二级分类的显示问题, 解决方案 不知是不是你想要的,可以粘过去试试 <%@ page language="j

两个 div 拖动同步

问题描述 两个div一个拖动另一个一起移动 解决方案 解决方案二:你拖动div1的时候要改变div1的坐标吧?同时也改变div2的坐标不就行了解决方案三:引用楼主dyz2071的回复: 两个div一个拖动另一个一起移动 你是要完成类似以下链接中的桌面图标拖动功能么?第一次进去有个广告,直接点刷新就好.解决方案四:div1.left=e.pageXdiv1.top=e.pageYdiv2=div1.leftdiv2=div1.top解决方案五:你用一个div的坐标来控制另一个div的坐标,这样你拖

android-要同时运行两个模拟器怎么弄啊?请高手们指教。。。。

问题描述 要同时运行两个模拟器怎么弄啊?请高手们指教.... 要模仿一个行为:一个手机向另外一个手机发送信号,另外一个手机接收到这个信号,要同时运行两个模拟器,但是,能打开两个模拟器,却不能同时运行两个,只有一个能够运行,请教大家,这个问题怎么解决啊? 解决方案 下载两个手机型号,可以同时运行,用genymotion 解决方案二: 一般可以同时运行的,只要模拟器的配置参数不同就没问题.楼上正解 解决方案三: 启动两个模拟器就行了啊. 你打开两个模拟器之后,应该可以在DDMS中看到. 运行的时候会

td中我想让div和span在一行显示,怎么解决?

问题描述 我想让div和span在一行显示,怎么解决<html><head></head><body> <table border='1'> <tr> <td>a</td> <td ><div>div</div><span>span</span></td> </tr> <tr> <td>b</td&

java技术-td中我想让div和span在一行显示,怎么解决?

问题描述 td中我想让div和span在一行显示,怎么解决? 我想让div和span在一行显示,怎么解决 代码如下: <table border='1'> <tr> <td>a</td> <td ><div>div</div><span>span</span></td> </tr> <tr> <td>b</td> <td>c&l