页脚不会继承定位属性？

我用我的html和css代码很顺利，直到现在我面对的这个问题，我不知道发生了什么。页脚不会继承定位属性？

我的html模式是这样的。

在顶部是<div id="header">不具有任何固定的宽度。我使用了一个图像并使用了repeat-x属性。并在标题我有导航菜单包装在940px的容器;

在中间

是<div id="content">其卷绕有相同940px的容器;

直到内容的div我的代码是罚款。现在我正确地处理页脚的问题。我的页脚不应该有任何固定的宽度，不应该包裹在容器中。所以我在正文和html标签关闭之前定义了内容和容器div之外的页脚div。

当我这样做具有50像素X 290px的尺寸这个页脚图像;向上并从内容分区中放置。它并没有到达底部。我暂时使用margin-top:1600px;来正确定位这是错误的。

为什么不继承的位置，我试图让每一个位置的属性。它不工作:(，

我失去了什么

PS：？代码为律冗长所以我没有张贴在这里，而不是我解释发生了什么事，如果你还是想看到我的代码。可以尝试，并把最小码

谢谢

编辑：这里是的jsfiddle链接，我的代码http://jsfiddle.net/32ShZ/

来源

2010-09-25 Ibrahim Azhar Armar

如果您可以发布证明问题所需的最低代码，它肯定会帮助我们帮助您。或者你可以链接到一个现场演示（jsbin或jsfiddle都非常适合这个，这比在这里发布代码更好，因为我们可以看到它全部在线并且在运行）。 – 2010-09-25 17:16:11

完成后，请看我的帖子我已经发布了链接到jsfiddle – 2010-09-25 17:23:38

这个问题似乎已经将#footer没有清除浮动。 divs（和天哪，你做像你的divs不是吗？ 70？在一个文件？）。所以，加入：

#footer { 
clear: both; 
width:940px; /* copied from your other divs */ 
}

似乎已经奏效。我还不确定，为什么#footer不尊重margin: 0 auto;，但仍然是，它似乎正在走上正轨。看一看：jsfiddle.net/32ShZ/3/（你会注意到，我使用了一些jQuery来填充所有的div，所以我可以看到什么地方，并添加了background-color到#footer，使之更加明显，这是很显然，可选）。

编辑回应评论：

我感到困惑的jQuery代码。究竟是什么。？

jQuery是一个JavaScript库，书面提供一种跨浏览器兼容的抽象，这样，在大多数情况下，一组的代码应产生一致的结果跨浏览器，从IE到浏览器。它的API可以在线查看，在：jQuery.com。

$('div').each(
    function(i) { 
     $(this).append('<p>Div (' + i + ') ' + $(this).attr('id') +'</p>'); 
    } 
);

我使用的代码，分步：

发现所有的div元件在页面上，$('div')
遍历每个那些元件，并且施加的函数。所述i是一个迭代.each(function(i){...})
工作当前元素上，$(this)
所附一个<p>到元件，与文本内容`.append（ '
股利（' + I + '）' + $（本）。 'attr'（'id'）+'
'）
$(this).attr('id')部分查看当前元素并找到其'id'属性，将其插入到字符串中。

来源

2010-09-25 17:34:41

heehe，谢谢。你看这是我第一次正确编码。：D，我非常渴望改善我的代码。你有任何提示改善我的代码。虐待只是检查代码并回复给你。 – 2010-09-25 17:38:15

明确：两个作品完美无缺:)，非常感谢。我对jQuery代码感到困惑。究竟是什么。？ – 2010-09-25 17:42:54

@Ibrahim，我编辑了一个关于jQuery是什么的非常简短的概要，以及我使用的代码是如何工作的。 – 2010-09-25 17:54:31

页脚不会继承定位属性？

回答

相关问题