フロートがきかない

質問

恥をしのんで質問させていただきます。
スマホサイトを組んでおり、
♯headerに幅100%、その子要素が2つあり、各々フロートをleftとright、幅はピクセルで指定しておりますが、フロートされません。
この場合はフロートできないのでしょうか。おやの幅が%で子の幅がピクセルと単位が異なるためでしょうか。
ご教示いただきたく存じます。
よろしくお願いいたします。

回答No.2

ORUKA1951

＞♯headerに幅100%、その子要素が2つあり、各々フロートをleftとright、幅はピクセルで指定しておりますが、
　その場合はfloatを使用すべきではありません。

　巾は、padding辺の内側ですから、子要素にpaddingやborder、marginがあれば、それを差し引かないとなりません。
　DOCTYPEスイッチ( https://www.google.co.jp/search?q=DOCTYPE%E3%82%B9%E3%82%A4%E3%83%83%E3%83%81&ie=utf-8&oe=utf-8&hl=ja )がtrictで動作する様に記述してあれば、多くのブラウザでの誤差はなくなりますが、その場合はpadding辺の内側がサイズになります。

お礼

ありがとうございました！！

回答No.1

tkmojo

> この場合はフロートできないのでしょうか。
できます。
この内容だけでは実現できない方法は思い当たらないので、記述ミスの可能性が高いです。

コードを全部見ないと判断できないですが、ぱっと見このあたりはクサいですね。
> ♯header

お礼

ありがとうございました！！