2013-05-19 72 views
0

我正在尝试创建页脚页面 - 但我升技卡住了......!我想在此链接上显示内嵌文字:
http://postimg.org/image/6cyb2y2mx/在CSS和HTML页脚页面

左侧的版权和右侧的链接。有人可以指导我如何实现这一目标?我的工作进展如下:jsfiddle.net/5GRpH/5/

谢谢。

+0

到底是什么问题吗?在页脚元素中是否是圆角? – 2013-05-19 01:21:18

+0

@DavidBlayney,我想创建'棕色背景'圆形并且分成两个,如上面的图像链接以及页脚中的圆角。 – tagalo

+0

[This question](http://stackoverflow.com/questions/2988554/how-to-get-only-one-rounded-corner-with-border-radius-htc-hack-and-msie-vroundr)Stack溢出应该提供一些帮助使角落四舍五入。第一个答案链接到一些文档,这将有助于使其在Internet Explorer中工作 – 2013-05-19 01:40:53

回答

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/