在 CSS 和 HTML 页脚页面中[关闭]

【问题标题】：In CSS and HTML Footer Page [closed]在 CSS 和 HTML 页脚页面中[关闭]
【发布时间】：2013-05-13 21:22:52
【问题描述】：

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

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

谢谢。

【问题讨论】：

这里到底有什么问题？它是页脚元素中的圆角吗？
@DavidBlayney，我想创建圆形的“棕色背景”，并将其分成两部分，如上面的图片链接以及页脚中的圆角。
This question on Stack Overflow 应该提供一些帮助来使其中一个角变圆。第一个答案链接到一些有助于使其在 Internet Explorer 中工作的文档

【解决方案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/

【讨论】：