影响其他潜水器的漂浮物

我在这里制作了一个网页：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>

如果你看一看写着"About this page："的div，你会发现它位于div的最右边，并且它的一部分被切掉了（你可能需要调整结果区域的大小才能看到这一点）。我想让单词保持在一行并向左对齐。据我所见，这个问题可以通过从#links区域删除"float:left"来解决，也可以通过从#链接删除"width:150px；"来帮助解决。唯一的问题是我花了很长时间试图获得其他的

添加clear:left可能会对您有所帮助。

#para {
   clear:left;
   ....

相关内容

最新更新

热门标签：