html - 在 CSS 和 HTML 页脚页面中

Question

我正在尝试创建一个页脚页面 - 但我有点卡住了......！我想有如下链接所示的内嵌文本：http:
//postimg.org/image/6cyb2y2mx/

左边是版权，右边是链接。有人可以指导我如何实现这一目标吗？我的工作进度在这里：jsfiddle.net/5GRpH/5/

谢谢你。

Answer 1

您可以使用float:left;并float:right;在浮动元素之后，您应该clear:both确保页脚高度已重置。

HTML

<div>
    <div class="left">copy 2013</div>
    <div class="right">sitemap | contact</div>
    <div class="clear"></div>
</div>

CSS

.right{
    float:right;
}

.left{
    float:left;
}

.clear{
    clear:both;
}

在 jsfiddle 上看到这里：http: //jsfiddle.net/5GRpH/6/