我将我的页脚标签分为2个单独的标签,其中1个为免责声明,另一个为contact,但是children标签不会继承我要设置的背景颜色。
<footer role="contentinfo" id="contentinfo">
<div class="disclaimer">
</div>
<div class="contact">
</div>
</footer>
footer {
color: #FFF8BF;
width: 100%;
padding:0 px;
background-color: #1C1C1C;
margin-top: 0px;
margin-bottom: 0px;
bottom: 0;
display: block;
/*border-radius: 0px 0px 10px 10px ;*/
}
.disclaimer {
float: left;
color: white;
max-width: 50%;
}
.contact {
color:white;
float:right;
text-align: left;
padding-right: 20px;
padding-top:0px;
padding-bottom:0px;
margin: 0px;
max-width: 50%;
}
谢谢你的帮助
块引用
您可以设置height
页脚中的一个:
的CSS
footer {
min-height: 100px;
}
或者,您可以将内容插入页脚的子级并设置overflow:auto
页脚的属性
的HTML
<footer role="contentinfo" id="contentinfo">
<div class="disclaimer">
Sample content
</div>
<div class="contact">
Sample content
</div>
</footer>
的CSS
footer {
overflow: auto;
}
这是一个小提琴的例子。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句