ボーダープロップはなぜ機能していないのですか？ここで

Question

JsFiddle DEMO

は私のhtmlです：

<span> Testing 
    <table> 
     <tbody> 
      <tr> 
       <td>One</td> 
       <td>Two</td> 
       <td>Three</td> 
      </tr> 
     </tbody> 
    </table> 
</span> 

そして、私のCSS：

span { 
    border: 1px solid black; 
} 

は全体のスパンは通常のボーダーを得ないでしょうか？ FirefoxとChromeで結果が乱雑になっています（他のユーザーはまだテストしていません）

私に何か間違いや何か間違いがありますか？ <table> sはブロックレベル要素であり、<span> sはインライン要素であるとして

Answer 1

<table> Sは、<span> Sに属していないので、結果は予測不可能であろうように、そのコードをテストしない点はありません。

<span>の代わりに<div>を使用してください。

Answer 2

span { 
    border: 1px solid black; 
    display: block; 
} 

Answer 3

<span>タグは、ドキュメント内のインライン要素をグループ化するために使用されます。最良の解決策は、<span>を変更し、代わりに<div>を使用することです。あなたの望む結果に達するための簡単な変更。