宽度和高度不适用于“a”标签?

IAm*_*eAg 1 html css size hyperlink styling

我是 css 新手,开始从事一些简单的项目。不过,我遇到了一个非常奇怪的问题样式按钮。以下代码不会产生链接:

<a href="#" style="width:240px; height:40px;"></a>
Run Code Online (Sandbox Code Playgroud)

但出于某种原因,这将:

<a href="#" style="width:240px; height:40px; float:left;"></a>
Run Code Online (Sandbox Code Playgroud)

我的问题基本上是,您究竟如何在不必使用浮动的情况下设置链接的大小?为什么浮动会起作用?

谢谢!

npa*_*age 9

<a href="#" style="width:240px; height:40px;background-color:blue;display:block;"></a>
Run Code Online (Sandbox Code Playgroud)

这是因为“a”元素通常是内联显示的。您可以使用 display:block; 来覆盖它。

有关“显示”的更多信息,请访问:http : //www.w3schools.com/cssref/pr_class_display.asp

关于浮动:左;

向左浮动时,浏览器会自动将显示覆盖为块。