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)
我的问题基本上是,您究竟如何在不必使用浮动的情况下设置链接的大小?为什么浮动会起作用?
谢谢!
<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
关于浮动:左;
向左浮动时,浏览器会自动将显示覆盖为块。