divの後にクラスをパディングして変更を整列

Question

私は本当に奇妙な問題に直面しています。ここでは、コードの次のコードと例画像です

HTML

<div id="showCatagory_<?php echo $row['catagory_id']; ?>" class="left" style="display:block"> 
<?php echo $value; ?> 
</div> 

CSS

.left { float:left } 

私は、私が間違っているピクチャー以下を取得しています。この<div id="showCatagory_<?php echo $row['catagory_id']; ?>" class="left" style="display:block">を使用しています

Aもし私が<div class="left" id="showCatagory_<?php echo $row['catagory_id']; ?>" style="display:block">を使用すると、次の画像にある正しい位置合わせが得られます

ここで私はclass="left"の後にそれを正しくするようにしています。場合

<div class="left" id="showCatagory_<?php echo $row['catagory_id']; ?>" class="left" style="display:block"> 

は、タイプミスの束が、質問にはまだ

<div id="showCatagory_<?php echo $row['catagory_id']; ?>" class="left" style="display:block"> 

Answer 1

とは異なることがありますされている理由

は、誰も私に教えてくださいすることができ、なぜ誰も教えてもらえますあなたは密接に見ています...しかし、私はあなたが意味することを得る...あなたは、クラスの属性の位置が結果に影響を与える理由を尋ねています。

ほとんどの場合、あなたのhtmlを分解する余分な引用符などがあります。 $row[category_id']には何が含まれていますか？オフチャンスでそこに引用符がある場合は、試してみることができますstr_replace('"', '', $row[category_id]);

Answer 2

あなたの値が消毒されている限り。これを引き起こす唯一の原因は、PHPがインラインステートメントの内部でタグマークアップを破壊するエラーを投げることです。この例では

<tag foo="bar" bar="<?php echo foo(); ?>"></tag> 

foo()関数がエラーを上げ、PHPが代わりに大きなエラーレポートを挿入した場合、HTMLは次のようなものを見終わるでしょう：

<tag foo="bar" bar="Error Statement: 
Error details... 
    > Error echoes HTML markup characters. 
Error trace information (line: 263)"></tag> 

をマークアップ文字の任意のエラーに含まれているとタグが壊れてしまいます。したがって、foo="bar"がPHPエラーの後にあった場合、それはエラーによって分割されたため、タグに属しません。

Answer 3

私は愚かでした。私はフロートを使用しました：左がクリアを使用していませんでした。そして使用後、私は正しいディスプレイを手に入れました。ありがとうございます。