2013-06-29 38 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