2013-06-29 99 views
1

我有一個網頁,我做了這裏:http://jsfiddle.net/KM9HJ/浮動影響其他divs?

<!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和部分被切斷(您可能需要調整結果區域的大小才能看到此內容)。我想要做的是停留在一條線上並與左邊對齊。從我所看到的問題可以通過從#links區域刪除「float:left」來解決,或者可以通過刪除「width:150px」來獲得一些幫助。來自#link。唯一的問題是,我花了很長時間試圖讓其他s

回答

5

加入明確:左可能會幫助你。

#para { 
    clear:left; 
    .... 
+0

非常感謝! – user2533660