2013-05-19 73 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/