過去ログ表示


過去ログ 41 を表示

トピック内全 3 記事中の 1 〜 3 番目を表示
[ 最新記事及び返信フォームをトピックトップへ ]
このトピックの全ページ / [0]

float の clear について
(#6026) このトピック中1番目の投稿
(環境: float: left;
}
.clearboth {
)
float で表示するように以下のような HTML を書いて、

<html>
<head>
<title>test</title>
<style type="text/css">
.floatleft {


Re[1]: float の clear について
(#6028) このトピック中2番目の投稿
(環境: float: left;
> }
> .clearboth {
> )

> float で表示するように以下のような HTML を書いて、
>
> <html>
> <head>
> <title>test</title>
> <style type="text/css">
> .floatleft {
>

Re[2]: float の clear について
(#6046) このトピック中3番目の投稿

> 試してみてください。
試してみました。

> この場合は、最初のfloat(div1)の要素の前にダミーで<p></p>などを入れる、
ダミーで中身が空の<p></p>を入れてみましたが、回避できませんでした。

> あるいは、clearを指定するdivを空にしない("clear."というテキストをdiv4でなくdiv3に入れる)、
この方法では回避する事が出来ました。

> のどちらかで回避できると思います。
他に私の出した例の div2 を空にしない事でも見た目では回避できるようです。
ただ、 DOM Inspector で確認したところ、 div1 のフォントサイズを大きくする等、
div1 の高さ > div2 の高さである時に clear を指定した div3 (中身は空) が
div1 と重なってしまうため、Mozilla の内部的には回避していないように思われます。

> ばぐじらのバグ 2983の、
> clearプロパティを指定したブロックレベル要素が自身と重ならないfloat要素より下側に配置されないことがある
> http://bugzilla.mozilla.gr.jp/show_bug.cgi?id=2983
> の中で私が報告した、
> <body>の後、最初にでてくる要素がfloatの時に空の要素でclearを行うと、clearが実行される場所がずれる現象と同じように見えます。
1.0.2 以降に増えたいやらしいバグのようですが、
とりあえず回避できましたので済!としておきます。
済!

このトピックの全ページ / [0]

返信不可


- Child Tree -