DIV分左右两列没有大于总的宽,为啥会另起一行

Question

如题所述

Answer 1

原因有很多，具体还得你贴出代码来，我随便列举一些原因吧
1、div默认是自动换行的，无论div宽度设定多少都会换行，可设定float属性
2、设定了float也换行，那就可能是宽度计算总宽度错误了，有时候会因为加了border、padding、margin等一些值，而这些数值并未算进总宽度中，所以导致换行，而border是最容易出错的，不同浏览器对border的计算也不一样，margin一般都能够注意到，而加了padding后，宽度要减去padding所设的值，这个也是容易出问题的地方
3、设定了float换行还有一个很容易出现的问题，那就是左右两个div分别设置了float:left和float:right，这个是很多新手容易出错的地方，这个不需要在样式上做什么改动，主要是html上改一下，把设定了float:right的div写到float:left的div的上面，如下：
<div style="float:right">右边内容</div>
<div style="float:left">左边内容</div>
楼主可以自己做一些小实验，测试加float:right和float:left的div的效果追问

右栏
左栏

没成功

追答

拜托给我样式，并说明你要的位置是哪？这图片不能说明任何问题

Answer 2

贴代码，贴图

Answer 3

<style>
#right{float:right}
#left{float:left}
</style>追问

有编缉它在指定的位置,但它在编缉时是对的,在预览时不对

追答

我不知道你说的指定的位置

#right{float:right}
#left{float:left}

这个只是让他们在同一行，也就是一左一右

参考资料：.

本回答被网友采纳