1

私の Web ページは、ページごとに別の文書の議論です。元の文書の構造 (見出し、小見出し、および段落) に従いたいが、ページ番号 (またはページ範囲) をそのページの最初の段落のすぐ左にある 120 ピクセルの余白に表示したい) について話し合っています。

これまでのところ、私はおおよそ欲しいものを持っています。主な議論は、「説明」を含む DIV タグ内にあります。ページ番号の余白は、「ページ」クラスの DIV タグ内に保持されます。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<HTML>
    <HEAD>
        <META HTTP-EQUIV="Content-Type" CONTENT="text/html; CHARSET=windows-1251">
        <TITLE>Blurble Blurble Blurble Blurble</TITLE>
        <STYLE>
        DIV.page            { border-style: solid; border-width:medium; float:left; position:relative; left:-100px; width:70px; padding:2px; }
        DIV.description     { position:relative; left:100px; }
        </STYLE>
    </HEAD>
    <BODY BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#FF0000" VLINK="#800000" ALINK="#FF00FF">
        <H1>Blurble Blurble Blurble Blurble Blurble</H1>
        <DIV CLASS="description">
            <H2>Blurble Blurble</H2>
            <P>
            Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble .
            </P>
            <P>
            Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble .
            </P>
            <H2>Blurble Blurble</H2>
            <DIV CLASS="page">Blurble 1</DIV>
            <P>
            Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble.
            </P>
            <P>
            Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble .
            </P>
            <H2>Blurble Blurble</H2>
            <DIV CLASS="page">Blurble 2</DIV>
            <P>
            Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble.
            </P>
            <P>
            Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble Blurble .
            </P>
        </DIV>
    </BODY>
</HTML>

ここでの問題は、ページ DIV が表示される場所に、その DIV 要素と P 要素の一部 (空白の塊) の間にギャップがあることです。ブラウザは、ページの DIV 要素がそのスペースに配置されるべきであると考えているように見えるため、DIV 要素があるべきと考えられる場所でテキストをラップしています。

それに加えて、ブラウザは、ウィンドウに追加する必要があると考える余分な 100 ピクセルの余分なスペースをスクロールするために、常に水平スクロール バーを使用する必要があります。

4

1 に答える 1

1

.page クラスの position 属性を絶対に変更する必要があると確信しています。

于 2013-01-31T01:40:40.803 に答える