一个DIV里面三个DIV并排为什么不行？
我的原意是一个div里面并排3个div，然后最外面的div是有黑色边框的，然后里面三个并排的div里面显示文字。
代码如下：
HTML code<div style="border-left-color:black;
border-left-style: solid;
border-left-width: 1px;
border-right-color: black;
border-right-style: solid;
border-right-width: 1px;
border-top-color: black;
border-top-style: solid;
border-top-width: 1px;
border-bottom-color: black;
border-bottom-style: solid;
border-bottom-width: 1px;
">
<div style="float:left;">文字1</div>
<div style="float:left;">文字2</div>
<div style="float:left;">文字3</div>
</div>
我写错了？应该怎么写呢？
需要给<div>标签加上float属性，才能达到多个标签在容器内并排显示
另父标签虽然结构上包括了子标签，但需要加上overflow:hidden属性才能确保父标签大小完全包裹子标签
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
.clear{clear:both;}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body><div style="border-left-color:black;
border-left-style: solid;
border-left-width: 1px;
border-right-color: black;
border-right-style: solid;
border-right-width: 1px;
border-top-color: black;
border-top-style: solid;
border-top-width: 1px;
border-bottom-color: black;
border-bottom-style: solid;
border-bottom-width: 1px;
">
<div style="float:left;">文字1</div>
<div style="float:left;">文字2</div>
<div style="float:left;">文字3</div>
<div class="clear"></div>
</div>
</body>
</html>
为了让效果更直观，里面的每个DIV我都给加了一个边框，以示区分：
<style type="text/css">
#container{border:10px solid #000; padding:20px;}
#container div{margin-right:20px;}
.first, .second,.third{border:10px solid; float:left; width:30%;}
.first{border-color:#00F;}
.second{border-color:#9F0; }
.third{border-color:#C00;}
#clear{clear:both;}
</style>
<body><div id="container">
<div class="first">文字1</div>
<div class="second">文字2</div>
<div class="third">文字3</div>
<div id="clear"></div>
</div>
</body>
有什么不明白的可以问我本回答被提问者采纳
一个DIV里面三个DIV并排为什么不行?
<div>标签默认会通过margin占满一行 需要给<div>标签加上float属性，才能达到多个标签在容器内并排显示 另父标签虽然结构上包括了子标签，但需要加上overflow:hidden属性才能确保父标签大小完全包裹子标签
css样式三个div并排在一行?怎么老是不第三列不在一行上?急求!!
因为你使用了float让它浮动了起来，浮动会跳出原来的布局，也就是说不会在那一行里，你3个都使用float：left。
怎么在一个div里面让三个div一排显示
1、打开HTML编辑器（以hbuilder为例）2、在左侧空白处右击新建web项目；3、输入项目名称，点击确认；4、在左侧点开项目双击index页面；5、将下面代码复制到<body>中；<div class="app"> <div style="display:inline-block;background:#f00;">div1<\/div><div style="display:inline-block;backgro...
html用div标签并列3段式排列的问题
在HTML中，使用div标签并列排列三段内容时，常常会遇到背景错位的问题。为了解决这个问题，可以尝试给div添加CSS样式。首先，可以尝试使用“zoom：1”和“overflow：hidden”这两个属性。“zoom：1”是一个用于控制元素内元素布局的属性，它可以解决元素内部元素布局不正确的问题。在并列排列三段内容时，如果...
在一个div父对象中如何插入3个div竖着排列
回答：在div样式中加float:left。 如果加了还是没有用那证明是div宽的的原因,重新设置一下宽度。 代码如下: <div style="width:300px"> <div style="width:50px;float:left">div2.1<\/div> <div style="width:100px;float:left">div2.2<\/div> <div style="width:150px;float:left">div2.3...
一个大的div套三个小div,如何让三个小div平均分配???
在浏览器中测试，查看效果，可以看到默认情况下三个div是竖排显示的。4、接下来要这四个div赋予class属性，使之具有不同的样。5、然后为三个中的前两个设置float:left属性，最后一个设置float:right属性，或者是float:left属性，都可以。6、之后再到浏览器中查看，就可以发现三个div并排显示了。
怎样让一个div里的多个div横向排列
1、新建html文档，在body标签中添加一个div标签，然后在这个div标签中添加一些div标签：2、为外div标签和内div标签添加一些样式，由于div元素是块级元素，所以内div会在外div中垂直排列：3、为内div添加“display:inline-block;”样式，这时内div就会变成行级块元素，这样内div就会在div中横向排列了 ...
三个DIV同行显示问题
我的浏览器是ie8 在我的上面显示正常，或许是因为宽度有一点问题吧，让宽度上流出一两个像素也是可以的，还有就是可以让右边的div float：right；小小建议。
为什么这个html中的下面三个div盒子没有在他的父标签里面呢
实际上是在的，只是因为里面3个div设置了浮动，而最外层div未设置高度，所以视觉效果看起来没在而已，楼主你在最外层div加个padding就看得出效果来了。
div里三个div排列对齐问题。
可以使用绝对定位position-absolute; left : 200px; right : 30px; 数值自己调适试试，
