floatすると罫線が切れて困ってます

質問

興味があってホームページを作り始めたのですが、上手くできません。

「Ａ」と「Ｂ」をfloatで、横に並べました。

Ａの中にある「ａ」と「ｂ」を横に並べて表示したいのですが、
floatでａとｂを並べると、Ａの外側の罫線が何箇所か途切れたようになってしまします。

リンクにカーソルを乗せるときちんと表示されます。
しかし、マウスで画面を上下にスクロールさせたりすると、切れてしまいます。

何故、罫線が切れたようになってしまうのでしょうか？

floatではなくpositionを使えば大丈夫なのですが、今回はfloat表示させたいと思っています。

どうぞよろしくお願いします。

回答No.4

awocamel

私も同じ問題にぶつかり、
検索してこの質問にたどりつきました。

私の場合、罫線がきれてしまうdivに
background-colorを指定すると直りました。

もう困っていらっしゃらないかもしれませんが、
もしよろしければ、試してみてください。

回答No.3

tapping_h

「A」と「B」や「a」と「b」が何なのかが気になります。

画像なのか、DIVで括ったものなのか、あるいはtableだったりするのでしょうか？切れて見えるという環境も知りたいところです。ブラウザは何でしょうか？もうすこし詳しい情報が必要かと思います。

回答No.2

noname#39970

#a,#b{border:solid 0px}

とか

お礼

お礼が遅くなってスミマセン。
回答ありがとうございます。

回答にありました通り、borderの指定をしてみましたが、
罫線切れは解決されませんでした。

floatしたボックスの中で、もう一度floatすると切れてしまう仕様なのでしょうか？
不思議です。

また、何かありましたら、よろしくお願いします。

回答No.1

noname#30718

私もなりますが無視しています。

解決方法は知りません（笑）
プロの方を待ちましょう・・・

お礼

お礼が遅くなってスミマセン。
回答ありがとうございます。

パソコンのせいなのかなとも思っていたのですが・・・
DimoTさんも同じ現象という事なので、そうではなさそうですね。

私も、現在はそのままにして、ホームページを作りを進めています。
positionを使えば罫線は切れないので、不思議です。

また、何か情報がありましたら、よろしくお願いします。