两个div 并排放到同一个div上面??初学,求指导!!!

发布网友发布时间：2024-09-29 07:23

共4个回答

热心网友时间：2024-11-17 09:35

根据浮动的原理。

B C 分别加 float;left; 即可宽度调小一点

块级元素不允许和其他元素同一行。那么加个float: 就能实现。

参考资料：http://www.w3school.com.cn/css/css_positioning_floating.asp

追问恩，这个总写法是可以的，但是当css写入单独的css文件中时，c块会去下一行。同样的代码。我把style中的粘到css文件中
这种形式就会C被挤到下一行去。

追答可能是 B + C的宽度超出了 A 的宽度。
所以，注意这点，调整一下就行了

热心网友时间：2024-11-17 09:36

第一步：
中间两个div 设置的宽度加起来等于1000px,
第二步：
中间两个div 分别加样式 style="float:left;"

例如：
<div style="width:1000px;height:500px;background: black;">
<div style="background: blue;width: 500px;height:500px;float:left;"></div>
<div style="background: blue;width: 500px;height:500px;float:left;"></div>
</div>

这样就可以了！希望能帮到你！追问恩，这个总写法是可以的，但是当css写入单独的css文件中时，c块会去下一行。同样的代码。我把style中的粘到css文件中
这种形式就会C被挤到下一行去。

追答那有可能是被别的样式给覆盖了

热心网友时间：2024-11-17 09:36

你让中间的两个层左右浮动就可以了（float:left; float:right）
<div style="background: black; width: 1000px;height: 1000px; " class="a">
<div style="background: blue;width: 500px;height: 1000px ; float:left;" class="b"></div>
<div style="background: olive;width: 500px;height: 1000px; float:right" class="c" ></div>
</div>

热心网友时间：2024-11-17 09:37

<div style="background: black; width: 1000px;height: 1000px; " class="a">
<div style="background: blue;width: 500px;height: 1000px ;float:left;" class="b"></div>
<div style="background: olive;width: 500px;height: 1000px;float:left;" class="c" ></div>
</div>追问恩，这个总写法是可以的，但是当css写入单独的css文件中时，c块会去下一行。同样的代码。我把style中的粘到css文件中
这种形式就会C被挤到下一行去。

追答没有啊
原文件index.html如下：

无标题文档

ff
ff

外部css文件style.css：
*{margin:0px auto; padding:0px;}
.a{background:black; width:1000px;height:1000px;}
.b{background:blue;width:500px;height:1000px;float:left;}
.c{background:olive;width:500px;height:1000px;float:left;}

你试试吧！