css+div 布局

发布网友 发布时间:2022-04-22 03:52

我来回答

3个回答

热心网友 时间:2022-04-22 08:27

既然是CSS+DIV,只看到DIV没有看到CCS...
你可能要清楚CSS中的 内联元素(内联,inline)和块级元素(块,block)。
简单的说inline的元素不会自动换行、显示到一行,block元素自动换行。
DIV是块,可以通过CSS显示方式来设置成不换行,例如将contentL, contentR设置成内联块
<style type="text/css">
#content #contentL, #contentR
{
display:inline-block;
}
</style>
这样就达到了不换行的目的。相关知识你可以搜索一下自己学习。
楼上说的float又是另外一种方式,float就是一个浮动元素,可以通过CSS设置得像浮漂一样,显示在父元素的任何位置,覆盖或则挤开周围的元素、文字等。

热心网友 时间:2022-04-22 09:45

原因很多
1、contentL和contentR未设定float属性,div默认就是自动换行的
2、contentL和contentR设定的宽度总和超过了content的宽度从而导致换行,你先试试把宽度改小来,看看是不是因为这个原因导致的问题
如果不是上面2个原因,那你直接上代码吧,发这张图什么都说明不了

热心网友 时间:2022-04-22 11:20

你这么些是不行的,<div>标签中,如果想让多个DIV标签左右分布,是这么写的:
<div>
<div style="float:left;"></div>
<div style="float:left;"></div>
<div style="float:right;"></div>
</div>

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com