Question

我试图用页眉和页脚来创造圆角。我能够强迫页眉在上面,但我不明白为什么我不能强迫脚脚脚在下面。

事实上, 位置绝对; 底部: 0; 但这只是我的脚在文本的宽度。当我添加宽度: 100%; 时, 页脚会变大吗??

这里可以看到我的代码:http://jsfiddle.net/fleduc/GN9q5/

Answer 1

您设定了 left: 0 和 right: 0 , 不是 width: 100%; - 见测试 http://jsfiddle.net/thebabydino/GN9q5/3/

您也可以阅读此 < a href=> http://www. 456berestoreet.com/archive/2011/12/the_difference_ between_widthauto_and_width100/" rel="nofollow">http://www.456berestoreet.com/archive/2011/12/the_difference_ between_widthauto_and_width100/

确实您在此拥有绝对位置, 且 < code> width 和 < code> width : 自动 < /code > 将无法这样做, 但您必须明白, < code> width: 100 {/ code> 意指容器的 < em> width < strong >, 没有粘贴和边框 (除非您使用 < code > box- sizing: 边框 ) 。

Answer 2

您在 px 中指定了 div s 宽度, 所以您可以在 px 中指定页脚宽度吗? 例如 : < a href="http://jsfiddle. net/ GN9q5/4/" rel= “ no follow” > http://jsfiddle. net/ GN9q5/4/

Answer 3

只有改变这个 cs 和它是要去工作; -)

.rcs .ftr {                        
        margin:110px 0 0 0; 
        font-size:1.2em; 
        padding:5px 0px 5px 10px;        
        border-bottom-left-radius: 0.35em;
        border-bottom-right-radius: 0.35em;
        border-top:1px solid #AAAAAA;
    }

见“http://jsfiddle.net/GN9q5/5' rel=“no follow'>http://jsfiddle.net/GN9q5/5

Answer 4

绝对定位元素已不再是布局的一部分。它们不知道父元素有多大, 所以您必须将宽度设置为静态值。

Answer 5

您必须用绝对值设置您的 width , 并计算折叠。

示例:

If you have a width of 960px and a padding of "5px", your with must be 950px.

You SHOULD remove it for reason that I don t exactly know.

Answer 6

/*footer*/
.rcs .ftr {                        
    margin:0; 
    font-size:1.2em; 
    padding:5px 5px 5px 10px;
    position: absolute; 
    bottom: 0px;
    width: 385px;          
  border-bottom-left-radius: 0.35em;
  border-bottom-right-radius: 0.35em;
    border-top:1px solid #AAAAAA;
}

您的容器宽度设置为 400px. 左键 & amp; 右键嵌入 = 15px, 减去后将宽度设为 385px 。

更多信息: < a href=" https://stackoverflow.com/ questions/5323177/absolute-vs-res- reliative-position-width-hile" > absolute 相对于相对位置宽度 & amp; 高度

另外,确保关闭你的所有声明。

友情链接