Question

html代码 想仿一个网页，但是遇到了一些问题 1 为什么文字不在div里，我在<li>中设置了float：left以后，

本来文字是在div里的，后来div背景就跑到上面去了（？）2 制作一个网页时，相对定位用得多可以么？3 网页整体缩小时，会有div里的内容冲破div怎么解决图1是预览效果 图2是代码 图3是css觉得幼稚可以不回答，但是请别讽刺题主。。谢谢大家~
图1可以看见文字上面有一条灰色的线，那个就是div背景在我在<li>设置浮动后就跑到上面去了。





Answer 1

1、
题主是想说 #top 的高度并没有被里面众多的 li 撑开是吧？

这就是 float 带来的浮动闭合问题，题主可以搜索一下 clearfix 这个关键词，它就是用来解决这种问题的。

2、
完全没问题。

3、
网页缩放这个其实可以不用管它，目前没有完美解决方案，一般都是用 overflow: hidden; 了事。

追问

我用了clearfix以后第一个问题就解决了~
但是我的那个里面的第二个不在它的外层div里，而是跑出去
这是什么情况呢？这种情况我可以用相对定位再定位它吗？
^-^谢谢你的回答

追答

没懂题主说的意思，正确的 clearfix 方式（不只一种）：

.clearfix {overflow: auto; _height: 1%;}

然后给 #top-font 增加一个 class="clearfix" 即可。

追问

就是这样，掉到下面了~我用的clearfix和你一样

追答

题主还做了其他改动或者引入了其他 CSS 吗？

加上这个样式试一下。

.nostyle1, .nostyle2 {display: inline;}

追问

我加了你说的样式以后又变成了这样，本来设置的nostyle2{margin-left:790px}的距离不见了，其他没有做什么改动和其他css   就加了clearfix和display

抱歉啊问题太多了，结题给你追加悬赏

追答

抱歉，打错了，是 inline-block，不是 inline。

追问

改了以后，下边距变大了，而且顺序也打乱了

追答

题主把你的完整代码传到网盘里吧，贴地址。

追问

链接: http://pan.baidu.com/s/1kVvwglT 密码: t9rg

Answer 2

在最后一个li的后面加上

<div style="clear:both;"></div>

你这是明显的没有清浮动，先把浮动清了，才能解决之后的问题。