寬度和高度不適用'a'標籤？

Question

我是新來的CSS，並開始在一些簡單的項目。不過，我遇到了一個非常奇怪的按鈕造型問題。下面的代碼不會導致鏈接：

<a href="#" style="width:240px; height:40px;"></a> 

但由於某些原因，這將：

<a href="#" style="width:240px; height:40px; float:left;"></a> 

我的問題基本上是，如何在世界上你設置鏈接的大小，而不不得不使用浮動？爲什麼會浮動工作？

謝謝！

Answer 1

<a href="#" style="width:240px; height:40px;background-color:blue;display:block;"></a> 

這是因爲'a'元素通常是內聯顯示的。你可以使用display：block來覆蓋它。

更多 '顯示器' 在這裏：http://www.w3schools.com/cssref/pr_class_display.asp

關於浮動：左;

浮動離開時，瀏覽器自動過乘坐顯示是一個塊。

Answer 2

因爲「A」是行內元素，你必須顯示爲一個inline-block的

a { display: inline-block; } 

保持它內聯，但可以改變它的尺寸，填充，保證金基本上一切，你可以用「div」做。

沒有與inline-block一個IE7和較低的問題，所以你可能想用css「黑客」：

a { 
display: inline-block; 
*display: inline; //* stands for IE7 and will not affect Chrome, Firefox and other browsers including IE8+ 
*zoom: 1; 
}