1

ここに作成した Web ページがあります: http://jsfiddle.net/KM9HJ/

<!DOCTYPE html />
<head>

    <title>Home</title>
    <link href="StyleSheet.css" rel="stylesheet" type="text/css" />

</head>
<body>

    <div id="logo">
        <img style="width:50; height:50; float:left;" src="Content/Portal%20Layered.png"/>
        <img style="width:50; height:50; position:relative; left:-50px; z-index:2;" src="Content/Blank.png"/>
        <div><h2 id="headerh2">Cody Shearer</h2></div>
    </div>

    <div id="wrapper">

    <div style="background-color:#565656">
    <div id="links"><a href="Home.htm" class="Home" id="link">HOME</a></div>
    <div id="links"><a href="About%20Me.htm" class="AboutMe" id="link">ABOUT ME</a></div>
    <div id="links"><a href="Gallery.htm" class="Gallery" id="link">GALLERY</a></div>
    </div>
            <article id="para">
                <p>About This Website</p>
                <div id="paraL2"><p>About this page:</p> <div id="paraP">This is</div></div></article>
    </div>

</body>

「このページについて:」という div を見ると、それが div の右端に配置されており、その一部が切り取られていることがわかります (これを確認するには、結果領域のサイズを変更する必要がある場合があります)。私が言葉にしたいのは、1行にとどまり、左に揃えることです. 私が見たところ、#links エリアから "float:left" を削除することで問題を解決できます。#リンク から。唯一の問題は、他の s を取得しようとして長い時間を費やしたことです。

4

1 に答える 1

8

clear:leftを追加すると役立つ場合があります。

#para {
   clear:left;
   ....
于 2013-06-29T02:42:13.667 に答える