DIV+CSS层显示的问题.

发布网友发布时间：2022-05-13 01:40

我来回答

共5个回答

懂视网时间：2022-05-13 06:01

部分浏览器如ie7 ,safari等,下层的div会覆盖在上层的div上，这是什么原因呢。
div都没有设置position属性。

如例

就会出来如图状态，这是什么兼容性问题呢？忘指教。谢谢大家~

回复讨论(解决方案)

不会吧,有这种事,贴出你的全部测试HTML和CSS代码

贴出CSS代码。

如果你定成这样

红色的就会覆盖兰色的。

求代码

无码无真相

是限定了高宽吗？尝试着把宽与高调大点。

两个盒子的宽度问题

z-index

啊啊啊啊不晓得

无代码无真相

试试 clear:both;

可能是你红色的层设置了float，蓝色的层没有float吧

按照你的代码的写法，不会覆盖，一下一下

有这么怪的事把代码写一些

翠花--上代码

不好意思最近没在线！谢谢大家的热心帮助。现在我帖出代码，请大家帮我看一下。
ie7, Google Chrome 浏览器，Safari红色边框的那个覆盖上面的层，大家帮我看看什么原因。

test 	欢迎光临　AAA　|　BBB CART  ONE　　ABOUT　|　CONTACT |　HELP

*--------------------------top style--------------------------------------------*/

#top{ margin:0;padding:0; width:100%; height:25px; background:url(../images/topbg.jpg) repeat-x;}

#top{ margin:0;padding:0; width:100%; height:110px; background:url(../images/topbg.jpg) repeat-x;}

top 设置得太小了，改为100后显示正常

引用 15 楼的回复:
*--------------------------top style--------------------------------------------*/

#top{ margin:0;padding:0; width:100%; height:25px; background:url(../images/topbg.jpg) repeat-x;}
……
恩恩，谢谢~是我失误失误

热心网友时间：2022-05-13 03:09

<div id="leftcon" style="float:left; width:620px; " class="Div_Border1"><dl><dt> 日志</dt><dd>2009-1-2</dd></dl></div>
<div id="rihgtcon" style=" float:right; width:310px;" class="Div_Border1"><dl><dt>关于我 </dt><dd>2009-1-2</dd></dl></div>
<div id="spirit" style=" float:right; width:310px;" class="Div_Border1"><dl><dt>心情随笔</dt><dd>2009-1-2</dd></dl></div>
<div style=" float:left; width:310px;" class="Div_Border1"><dl><dt>留言</dt><dd>2009-1-2d</dd>
把这些DIV的width设置为你想要的百分值就行了.....只有百分值才会自动放大或者缩小.... 试试看...

热心网友时间：2022-05-13 04:27

在所有的子元素的最后面添加<div style="clear:both"></div>，因为你子元素中用了浮动！~

热心网友时间：2022-05-13 06:02

在浮动的最后加个清除
<div style="clear:both;"></div>

热心网友时间：2022-05-13 07:53

这个问题就不用高手看了吧，做网页是基础问题CSS。
赶紧学习吧。