5个回答
展开全部
朋友您好，你遇到的问题主要是因为你外面的div没有设置宽度，所以，即使有margin：o auto;也体现不出来，而里面的小div,又设置了宽度，又是左浮动，所以才会这样。
方法一：<html>
<head></head>
<body>
<div style="height:80px;background-color:#000;margin:0 auto;text-align:center;"> </div>
<div style="padding:10px;margin:0 auto;text-align:center;">
<div style="float:left;width:33%;background-color:green;" id="1"> 1</div>
<div style="float:left;;width:33%;background-color:yellow;"id="2"> 2</div>码锋
<div style="float:left;width:34%;background-color:red;" id="3"> 3</div>
</div>
</body>
</html>
方法二：
<html>
<head></head>
<body>
<纤模芹div style="height:80px;background-color:#000;margin:0 auto;text-align:center;"> </div>
<div style="padding:10px;margin:0 auto;text-align:center;width:750px">
<div style="float:left;width:250px;background-color:green;" id="1"> 1</div>
<div style="float:left;;width:250px;background-color:yellow;"id="2"> 2</div>
<div style="float:left;width:250px;background-color:red;" id="3"> 3</div>
</div>
</body>
</毁毕html>
我在上面的小div里设置了颜色属性，以方便看清楚。
有什么问题可以继续探讨哦！
方法一：<html>
<head></head>
<body>
<div style="height:80px;background-color:#000;margin:0 auto;text-align:center;"> </div>
<div style="padding:10px;margin:0 auto;text-align:center;">
<div style="float:left;width:33%;background-color:green;" id="1"> 1</div>
<div style="float:left;;width:33%;background-color:yellow;"id="2"> 2</div>码锋
<div style="float:left;width:34%;background-color:red;" id="3"> 3</div>
</div>
</body>
</html>
方法二：
<html>
<head></head>
<body>
<纤模芹div style="height:80px;background-color:#000;margin:0 auto;text-align:center;"> </div>
<div style="padding:10px;margin:0 auto;text-align:center;width:750px">
<div style="float:left;width:250px;background-color:green;" id="1"> 1</div>
<div style="float:left;;width:250px;background-color:yellow;"id="2"> 2</div>
<div style="float:left;width:250px;background-color:red;" id="3"> 3</div>
</div>
</body>
</毁毕html>
我在上面的小div里设置了颜色属性，以方便看清楚。
有什么问题可以继续探讨哦！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
1、给外层div一个宽度，宽度要大于三个子div宽度之和运困；
2、子div中，float:left会使margin:0 auto失效，所以子div中的margin:0 auto可去掉；
3、class、id的命名不旁橡念要以数字开头，命名规范一点，英文字母开如猜头等
2、子div中，float:left会使margin:0 auto失效，所以子div中的margin:0 auto可去掉；
3、class、id的命名不旁橡念要以数字开头，命名规范一点，英文字母开如猜头等
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
利用div填充空间，自定义其位置：
例如
<div style="height:80px;background-color:#0ff;margin:0 auto;text-align:center;">
<div style="height:25px;margin:0 auto;text-align:center;"></div>
<div style="float:left;width:5%;height:30px;"></div>
<div style="float:left;width:30%;background-color:green;height:30px;"雹租 id="1"源旅兆> 1</div>
<div style="float:left;;width:30%;background-color:yellow;"id="2">镇缺 2</div>
<div style="float:left;width:30%;background-color:red;" id="3"> 3</div></div>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
楼主是想居中哪个？外层的橡含居中需要指定一个页面的宽度。内层的3个怎么笑档看都不像居中碰如乱的节奏啊……float:left;和margin:0 auto;一起写真的大丈夫？
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你是想把最外层的DIV居中对吧，没起肢消缺作用的原因应该是没有宽度的原桥仿因，你可以给它个width:1050px; 下面那三个历辩margin:0 auto这么写基本没啥用
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
