为什么要用浮动呢，还得清除浮动。 用下面这个方法吧：
<style type="text/css">.mydiv { border: 1px solid #ccc; width: 90%; margin:0 auto; text-align: center;}
.mydiv div { display: inline-block; width: 100px; height: 100px; margin-left: 5px; background: #1c94c4; }
</style>
<div class="mydiv">
<div></div><div></div><div></div><div></div><div></div><div></div>
</div>
实现起来也比较简单，主要是通过设置容器的padding，不过内部子元素的宽度要经过计算，不能随意设置，另外，text-align可以实现文本的居中对齐
demo效果如下，ie7下也是正常的
<!doctype html><html>
<head>
<meta charset="utf-8">
<title>两层嵌套div居中</title>
<style type="text/css">
*{padding:0;margin:0;}
#div1{height:80px;width:606px;border:1px solid red;padding:60px 200px;}
#div1 div{height:80px;width:200px;border:1px solid blue;float:left;text-align:center;}
</style>
<body>
<div id="div1">
<div>1</div>
<div>2</div>
<div>3</div>
</div>
</body>
</html>本回答被网友采纳
CSS怎么设分别置大DIV里面的3个并排小DIV靠左 居中 靠右!
1、可以使用flex布局快速实现这个效果。具体的方法是，首先打开hbuilder编辑器，新建一个文件，写入一个大的div，里面在包裹3个小div，给大div的class属性命名为container，小div命名为child：2、然后在上方设置样式，先给外围的div设置宽度为600px以及display属性为flex，然后设置方向属性flex-direction为横向...
如何让两个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文件，或者直接添加到网页上，...
一个大的DIV中放两个小的DIV一左一右
1、首先如图所示的web结构即一个html和css即可实现。2、打开html页面 定义一个大的div和两个小div 如图所示。3、最常用的float浮动，只要两个小div的宽度小于等于大div的宽度，即可实现并排了。4、使用position进行绝对定位，然后使用margin-left除去第一个小div的宽度即可。5、使用table盒子实现div并排...
一个大div内有2个小div,把小div分别设置左右浮动,这两个小div自动跑到...
<div id="main"><!--左边内容排版--><div id="main-left"><\/div><!--右边内容排版--><div id="main-right"><\/div><\/div>css：#main{ position: relative; border: 1px solid #666; width: 100%; height: 800px;}\/*主页面左边界面样式*\/#main-left{ position:abso...
一个大的div套三个小div,如何让三个小div平均分配???
1、首先需要打开自己电脑上的DW软件，然后新建一个html页面，并保存在桌面上。2、然后需要在该html页面的body部分敲入部分代码，基本上就是一个父级DIV下面有三个子级DIV。3、然后在三个子div中输入文字，在浏览器中测试，查看效果，可以看到默认情况下三个div是竖排显示的。4、接下来要这四个div赋予...
css里,怎样使多个div元素并列一行?
想要让多个div元素并列成一行，可以将div元素的float属性设置为left。但这样做还不够，应为当浏 览器的宽度小于这几个div的宽度总和时还是会有div会跑到底部，所以需要将想要并列的div元素套 在另外一个大div里，当然，这个大div宽度要大于并排div宽度的总和。这样子，就可以做到怎么变 换窗口大小时div...
如何让多个div盒子并排同行
1、使用css float并排显示：对div设置一个float浮动属性即可解决不并排显示，只要并排div盒子总宽度小于或等于最外层盒子宽度即可实现多个div对象并排显示。加float浮动实现多个div并排显示。这里对div通设一个浮动，当然实际使用时候，要通排显示div对象的加入css类，就对要同行显示css选择器设置浮动。避免其它...
一个大的DIV中嵌套两个小的DIV一左一右
大的DIV中嵌套两个小的DIV一左一右步骤如下：1，首先，图中显示的Web结构是html和css。2，打开html页面，如图所示，定义一个大div和两个小div。3，最常用的float float，只要两个小div的宽度小于或等于大div的宽度，就可以并排实现。4，使用position进行绝对定位，然后使用margin-left删除第一个小div...
如何将两个div并列排在同一行
想要将两个或多个div并列排在同一行，需要将div元素的float属性值设为left，靠左悬浮的意思，同时也要将想要并列的div套在一个大div里，这样改变浏览器宽度，div也还是成一排。以下是具体演示步骤：1、打开一个HTML文件编辑器。先在里面输入HTML的基本元素。2、在body标签里添加一个大div来容纳并列的...
如何让div并排
<div>牛奶咖啡<\/div><\/div> 3、接下来对三个div进行class设置，如下图所示。4、然后只需要为三个中的前两个设置float:left属性，最后一个设置float:right属性，或者是float:left属性，都可以实现并排排列。5、之后再到浏览器中查看，就可以发现三个div并排显示了。如下图所示。
