css如何让三个DIV并列在一行中

Question

CSS：
.news_con_oth{display:block;clear:both; overflow:hidden; padding:0 20px;}
*html .news_con_oth{height:1%;}
.good_digg{float:left; background:url(/templets/images_200901/m_bg01.gif) 0 -422px no-repeat; width:70px; height:73px;text-align:center; font:bold 14px/33px verdana; }
.bad_digg{float:right; background:url(/templets/images_200901/m_bg01.gif) 0 -422px no-repeat; width:70px; height:73px;text-align:center; font:bold 14px/33px verdana;}
.digg_center{float:center; width:470px; line-height:18px;}

html文件：
<div class="news_con_oth">
<!--好评和差评-->
<div class="good_digg">100</div>
<div class="digg_center">google广告
</div>

<div class="bad_digg">100</div>
<!---->
</div>

Answer 1

css如何让三个div并排展示，其实就是设置一个浮动点，让三个div靠左或者靠右浮动；

主要标签用于：float：left(靠左对齐)float:right(靠右对齐)：示例如下：

1、首先打开用到的编辑工具这里用DW

2、为了方便观察，我们把三个div设置三个背景颜色来观察，设置三个div样式这里取名：div1 div2 div3 并且引用三个样式；

详解：background:#颜色；是取的三个不同的div背景颜色；给三个div设置宽度为width:300px高度height:200px;

3、展示出来的效果如图：

Answer 2

css让三个DIV并列在一行中的步骤如下：

1.打开html开发软件，在html开发工具上新建一个html页面，用于实现多个div显示在同一行上。

2.在html代码页面上创建两个div标签，然后给这个两个div标签添加class类，案例中class类分别为：one，two。

创建div代码：

<div class="one">第一个div</div>

<div class="two">第二个div</div>

3.创建<style>标签，设置class类one，two样式。需要设置宽、高、浮动、边框以及box-sizing属性。

css样式代码：

<style>

.one,.two{

width: 50%;

height: 300px;

border:1px solid #ccc;

float: left;

box-sizing: border-box;

}

</style>

4.设置好class类属性后，保存html代码，然后使用浏览器打开，即可看到多个div标签显示在同一列上。这样就解决了css让三个DIV并列在一行中的问题了。

Answer 3

html代码：

运行后的效果：

注意事项：

要在下方版权的div上面加一个：

<div style = "clear: both"></div>

Answer 4

应该三个div都左对齐float:left;，或者两个左对齐、一个右对齐才对。
你写的float:center;是完全错误的，没这样的写法。

Answer 5

1.三个div都要设置为浮动，并指定宽度，可以设置为30%，40%，30%；
2.三个div都不能设置清除浮动，否则就不能占同一行了；
3.有时候，三个div也要设置溢出处理，一般为隐藏。