任何想法为什么页脚不在下面的代码中?
<html>
<head>
<style>
#container {width:1000px;margin:0 auto;}
#footer {margin:0 auto;}
</style>
</head>
<body>
<div id="container">
<div>
lksdfkjjindskfjsfkjflskfjsls.....sdlfkajsf
sdfkjkkdiidkdkn asdflkajf;lskdfioasfnasldf ;lkjlthis is just a testing
' sdlfk sdlfk dslfkjsf lskdfjsaf this elobrate asdfkj
sdlfk sldkfjsodsf lsdkfj dlkjhgkjhgkjhg
</div>
<div id="footer">
copyright 2014
</div>
</div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
默认情况下,a div是块元素.这意味着它有.width: 100%;margin: 0 auto;将中心元素,但如果它,它怎么能这样做width: 100%.
对于这个问题!
实际上它有width: auto,对于一个块级元素是它的容器的全宽 - 但这不是100%,因为否则填充会使它溢出 - Niet the Dark Absol
CSS:
#footer { width: 200px; margin:0 auto;}
Run Code Online (Sandbox Code Playgroud)
你也可以 text-align: center;