UC知道div+css布局中position浮动的问题
来源：百度知道 编辑：UC知道 时间：2024/05/30 20:37:04
本人正在开发一个div布局的网站,遇到个关于浮动的难题,寻求达人帮助.问题如下:
网页为平行的左右两大块AB,下层为C,再下层为D
AB
C
D
我把C层浮动到A的位置 #c {position:absolute;top:0px;}
这样C层就到了A的位置,但是问题出现了:
如果B中的内容少了高度不够,D层填充C浮动的空隙,这样D中的内容就和C中的内容重合了.
怎么解决才能不管B的高度如何,D衔接在B的下面而不与C重合呢?期盼解答,谢谢!!!
A中是没有内容的,这样写只要content中也就是B中的内容高度大于C,页脚D也就正常,可是如果小于C,D就会被C覆盖
<div id="content">
<div id="post">
<h1>这是一个测试</h1><hr />
</div>
</div>
<!--中间内容部分结束-->
<div id="content-2">
<div>
<div class="ltitle">最新文章</div>
</div>
</div>
<!--页脚开始-->
<div id="footer"></div>
<style type="text/css">
#content {margin-top:7px; margin-left:225px;}
#content-2 {width:200px; position:absolute; top:0px; left:5px;}
#footer {width:100%; tex
网页为平行的左右两大块AB,下层为C,再下层为D
AB
C
D
我把C层浮动到A的位置 #c {position:absolute;top:0px;}
这样C层就到了A的位置,但是问题出现了:
如果B中的内容少了高度不够,D层填充C浮动的空隙,这样D中的内容就和C中的内容重合了.
怎么解决才能不管B的高度如何,D衔接在B的下面而不与C重合呢?期盼解答,谢谢!!!
A中是没有内容的,这样写只要content中也就是B中的内容高度大于C,页脚D也就正常,可是如果小于C,D就会被C覆盖
<div id="content">
<div id="post">
<h1>这是一个测试</h1><hr />
</div>
</div>
<!--中间内容部分结束-->
<div id="content-2">
<div>
<div class="ltitle">最新文章</div>
</div>
</div>
<!--页脚开始-->
<div id="footer"></div>
<style type="text/css">
#content {margin-top:7px; margin-left:225px;}
#content-2 {width:200px; position:absolute; top:0px; left:5px;}
#footer {width:100%; tex
一般的网页 不需要 绝对定位 除非有要求
是不是你的 ABCD 全部用的绝对定位
不知道 你的网站 A 有内容没有 如果是固定高度的话 可以 给D 一个 绝对定位 top：xpx;
如果只想 把 C 放到 A的位置的话 只给C用绝对定位就好
首先你只需把C浮动,还有高度设成自动,
详细的你得把代码贴出来看一下,你这样说不是很清楚的
加个float:left;