如何让两个div左对齐

比如我创了两个div1和div2,我要将div2放在div1的下面。现在,我看到的却是div2出现在div1的右边,求解。

float属性定义元素在哪个方向浮动,比如多个div在一个页面上,默认情况是:一行一个div,但是只要在div的css中使用float:left,可以使一行有多个div,这样可以把网页划分成很多块,但是使用该属性会影响后面的元素,所有如果后面的div不想再被影响,可以使用clear:both;可以理解为清除float:left和float:right的影响,返回到默认状态。像<ul><li></li></ul>也可以这么使用,做导航菜单基本上有这个元素,使用float:left使其横向显示。
所以用左浮动float:left可以实现这个效果。

<style>
.div1{width:200px; height:200px; background:#F00;float:left;}
.div2{width:200px; height:200px; background:#FF0; float:left;}
</style>

<div class="div1"></div>
<div class="div2"></div>

温馨提示:内容为网友见解,仅供参考
第1个回答  2013-04-11
代码:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns=" http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head><body>
<div id="div1" style="width:200px; height:150px; background-color:#F00; display:block;">
div1
</div>
<div id="div2" style="width:200px; height:150px; background-color:#0F0; display:block">
div2
</div>
</body>
</html>效果:
第2个回答  2013-04-11
正常情况下DIV是会换行的。应该是你设置了浮动属性 float:left本回答被网友采纳
第3个回答  2013-04-11
在你的div2标签内加入以下属性style="clear:both"
第4个回答  2013-04-11
肯定是设置了 float属性?

div+css如何左对齐?
1、div左对齐条件与方法只需要对要靠左对齐(局左)的div样式加float:left即可,这里新建一个html文件,创建一个div容器并给它一个class属性,容器里面是两个div,一个靠左对齐,一个靠右,以示区别:2、接下来设置css样式,在style标签中,设置div的float值为left,就实现左对齐了,最后在给div高度,...

cssv1左对齐,div2对齐div1
要实现CSS中的div1左对齐,div2与div1并排,主要有两种方法:利用float属性和display属性的inline模式。首先,通过设置float属性来实现div的并排。只需将div1设置为浮动,例如:.div1 { float: left; } 确保div1的宽度不超过其父容器的宽度,这样多个div就能并排放置。为了避免不必要的浮动影响,可以为...

如何使div层里面的2个div在同一行一个左对齐,一个右对齐
margin属性在浏览器中很容易出问题,建议你用padding去控制。或是绝对定位。另外下载一个IETester,方便你测试在不同浏览器中的效果。

如何使两个div平行
div是块级元素,默认情况下是单独占用一行的。你想让两个div水平放置,就得改变div的display属性。分别把两个div的css中加入display:inline-block;然后给需要左对齐的div设置float:left;同理,右对齐的设置float:right;试试看效果吧

css控制DIV时,设置了body居中。但是有个div我希望是左对齐。怎么...
楼上回答很正确 如果你是想div里面的内容左对齐加:<div style="text-align:left;"><\/div> 如果你是想div在ie中左对齐加:<div style="float:left;"><\/div>

div+css如何左对齐?
扩展:text-align:right;使文字靠右对齐,center文字居中;2、区域块儿设置浮动实现居左对齐;div+css如下网页中效果图:如下详解:设置一个大的区域nav,里面包含两个部分区域块,nav1与nav2,使他们在nav中靠左浮动;主要标签:float:left;靠左浮动;扩展:float:right;靠右浮动;而与之相关标签:clear...

2级DIV没有浮动左对齐效果,也没有颜色效果
这个……是因为css中类名或者id名的命名不能以数字开头的原因造成的,如果用了数字开头或纯数字来命名,则这个样式是无效的。只需把#1和#2改成以字母开头的名字即可。至于dw里显示正常,可能算是BUG吧………

div多行文本怎么设置左对齐?
<div style="float:left"><div><div style="float:left;text-align:left;">第一行文本第二行文本第三行文本<div>

css+div中的dt,dd标签如何让他们左对齐?
} div+css左对齐分两种情况一种是:文字左对齐;另一种是区域块儿设置浮动,让他们往左浮动,而实现出来的效果即是左对齐;如下演示:1、文字实现居左对齐 网页中实现效果:如下图 详解:主要属性:text-align:left;使文字实现居左对齐 扩展:text-align:right; 使文字靠右对齐,center文字居中。

css+div布局,上面一个div宽度100%,下面两个div,右边框总是对不齐...
首先确认俩个div 的宽有没有大于外层的div 然后让下面的俩个div 左边左浮动 右边右浮动

相似回答