CSS 两个DIV在同一列中 如何上下有间距

怎样让两个div在一列显示，div上下无间隔，上面的div高度不确定~

里面的css属性只是便于你看清楚两个div的位置而加的

给被撑开的div加一个overflow:hidden;样式试试，如果没有间距了，那就是div里的内容高度超过了div设定的高度。

元素之间的边距可以使用margin来实现：

margin:top right bottom left; /*分别为上右下左边距*/

这属于CSS 框模型 (Box Model)—— 规定了元素框处理元素内容、内边距、边框 和 外边距 的方式：

• 围绕在元素边框的空白区域是外边距，设置外边距会在元素外创建额外的“空白”。设置外边距的最简单的方法就是使用 margin 属性，这个属性接受任何长度单位、百分数值甚至负值。

• 元素的内边距在边框和内容区之间，控制该区域最简单的属性是 padding 属性，可以接受长度值或百分比值，但不允许使用负值。

• 元素的边框是围绕元素内容和内边距的一条或多条线，可以使用 border 属性来规定元素边框的样式、宽度和颜色。

下面举个简单的例子：

1. 在Html代码中添加两个div

   <div></div><div></div>

2. 设置css样式

   div{width:250px;height:50px;border:2px solid #ccc;margin:50px 80px;}

3. 观察效果

把DIV想成一个盒子，盒子边界外的间距是margin，边界内的是padding,如果上下相邻的2个DIV都有margin，取的值是比较大的那个。

<div style="margin:20px">...</div>
<div style="margin:20px">...</div>

<div style="margin:20px 0">...</div>
<div style="margin:20px 0">...</div>

只需要设置其中一个margin值即可

---

阿坝藏族羌族自治州18812066962： 在css怎么让两个div在同一行显示 - ？
德凝羟乙： 实现两个div在同一行显示有多种方法,可以用设置浮动——用float,还可以用绝对定位position,等等. 这里只简单介绍使用浮动实现方法.方法一: 方法二: 方法三: 这三种方法均可实现div同行显示.

阿坝藏族羌族自治州18812066962： 如何将两个div并列排在同一行？
德凝羟乙： 设置两个div的浮动:如:float:left,不行的话,设置一下display:block

阿坝藏族羌族自治州18812066962： CSS 两个DIV在同一列中 如何上下有间距 - ？
德凝羟乙： 元素之bai间的边距可以使用margin来实现:margin:top right bottom left; /*分别为上右下左边距*/这属于CSS 框模型 (Box Model)—— 规定了元素框处理元素内容、内边距、边框 和 外边距 的方式:围绕du在元素边框的空白区域是外边距,设...

阿坝藏族羌族自治州18812066962： 如何将两个div并列排在同一行 - ？
德凝羟乙： 使用css的float样式就可以实现将DIV并列排在同一行,代码如下:121212 455656 效果如下: 相关说明: float 属性定义元素在哪个方向浮动. 可能的值 值 描述 left 元素向左浮动. right 元素向右浮动. none 默认值.元素不浮动,并会显示在其在文本中出现的位置. inherit 规定应该从父元素继承 float 属性的值.

阿坝藏族羌族自治州18812066962： 如何让两个<div>标签在同一行内? - ？
德凝羟乙： 可以用float来实现这个效果,float有left和right两个方向.<style type=＂text/css＂>.nav {width:500px; height:30px;}.nav span{width:200px; height:30px; float:left}.nav div{width:300px; height:30px; float:left}</style><div class=＂nav＂><span>aaa</span> <div>bbb</div></div>

阿坝藏族羌族自治州18812066962： 如何让两个div并排同行显示 - ？
德凝羟乙： 首先:把这两个div写在html代码中,如下代码所示.第一个div第二个div 其次:再css样式里面对这两个div控制,让其左浮动,或者右浮动,根据自己需要调整.下面给出例子,div的高是253px,宽是280px,让其两个左浮动,这样两个div就并排在一行了..content { height: 253px; width: 280px; float: left; } 最后,考虑到div的布局不规整,可以用一个大的div对其加以控制,可以写成这样,这样就可以了.第一个div第二个div

阿坝藏族羌族自治州18812066962： CSS 两个DIV在同一列中 如何上下有间距 - ？
德凝羟乙： 内容内容...

阿坝藏族羌族自治州18812066962： 用CSS+DIV写两个并列的div,这两个div处在一个div内,并且左边宽固定,右边宽能填充剩余的空白部分?？
德凝羟乙： &lt;div&gt; &lt;div class=＂left＂&gt;&lt;/div&gt;&lt;!--左边层,浮动,靠左(float:left)--&gt; &lt;div class=＂right＂&gt;&lt;/div&gt;&lt;!--右边层,浮动,靠右(float:right)通常宽度由直接固定,如果要动态,可以考虑用Js计算--&gt; &lt;div class=＂clear＂&gt;&lt;/div&gt;&lt;!--空层,清除浮动--&gt; &lt;/div&gt;

阿坝藏族羌族自治州18812066962： css中如何让两个div同一行显示?设置了float还是不好使啊 - ？
德凝羟乙： 我个人很不喜欢为div设定具体的width 如果是我,我就会用:设置div width:45%, display:inline-block; 限定宽度,会在自适应上失去优势...

阿坝藏族羌族自治州18812066962： html布局,下面怎么使两个div在同一行显示? - ？
德凝羟乙： 两种常用方法: <p class=＂p_left＂>左左左左左左左</p><p class=＂p_right＂>右右右右右右右</p>.一、 .p_left{float:left;}..p_right{float:left;}. 二、(中间如果有空格 他会留空格的 上面的就不会,你要块状也可以换成display:inline-block;)...