インライン要素の幅は、ブロックにすることなく変更されていますか？以下のコードで

：インライン要素の幅は、ブロックにすることなく変更されていますか？以下のコードで

ここ

<html> 
<head> 
    <style type="text/css"> 
    ul 
    { 
    list-style-type:none; 
    margin:0; 
    padding:0; 
    } 
    a 
    { 
    display:block; 
    width:60px; 
    background-color:#dddddd; 
    } 
</style> 
</head> 

<body> 
     <ul> 
     <li><a href="#home">Home</a></li> 
     <li><a href="#news">News</a></li> 
     <li><a href="#contact">Contact</a></li> 
     <li><a href="#about">About</a></li> 
     </ul> 
</body> 
</html>

は、私はそれは幅の変化する上で、まだ、ブロックとして表示アンカーをscroll down toパソコンへ転送しても、それが実際に変化しています。しかし、私はそれを読んでいます：

W3CのCSS2仕様では、置き換えられていないインライン要素の場合、「幅のプロパティは適用されません」と記載されています。

誰が、なぜそれがそうである？Thnksは...

出典

2011-07-16 Zohaib

「私は、Firefox、IE、ChromeとOperaでこれを試みたが、あなたはドン場合は、それらのいずれも幅が適用されない、私にこれを説明していただけますアンカー要素をブロック要素にします。

しかし私はjsfiddleを使ってみました。ここではページにdoctypeがあります。あなたのページはdoctypeを持っていないので、quirksモードでレンダリングされるため、一部のブラウザで異常な動作が発生する可能性があります。

出典

2011-07-16 07:47:35 Guffa

よろしくお願いします。私はDoctypeについて言及していないので、同じ間違いをもう一度、ありがとう！ – Zohaib

インライン要素の幅は、ブロックにすることなく変更されていますか？以下のコードで

答えて

関連する問題