0

以下のCSS（SCSS）は、高さと幅を100％に明確に定義していることを示しています。

/*
*       SCSS
*/
a#logo {
     width: 100%;
     height: 100%;
     text-decoration: none;
     span#first-name {
          font-size: 4em;
          color: $gray;
          display: inline;
     }
     span#last-name {
          font-size: 4em;
          color: $yellow;
          display: inline;
     }
}​

/*
*       HTML
*/ 
<a id="logo" href=""><span id="first-name">justin</span><span id="last-name">BEAUDRY</span></a>​

私の問題は、SASSが高さと幅を100％と明確に定義しているにもかかわらず、「a」要素が「auto」としてレンダリングされていることです。

解決済み

/*
*       SCSS
*/
a#logo {
     width: 100%;
     height: 100%;
     display: block;
     text-decoration: none;
     span#first-name {
          font-size: 4em;
          color: $gray;
          display: inline;
     }
     span#last-name {
          font-size: 4em;
          color: $yellow;
          display: inline;
     }
}​
4

2 に答える 2

4

heightwidth置換されていない要素には適用されません（display: inlineデフォルトで<a>は）

于 2012-10-27T08:46:07.143 に答える
2

これには2つの問題があります。

  • アンカー要素（a）はインライン要素であるため、ブロック要素に変換せずにサイズを指定することはできません。

  • インライン要素（a）内にブロック要素（div）があります。これは、HTML5をサポートするブラウザーでのみ機能し、実際にHTML5を使用する場合にのみ機能します。

于 2012-10-27T08:47:36.283 に答える