2013-06-29 3 views
1

나는 웹 페이지는 여기 만든 : http://jsfiddle.net/KM9HJ/는 "이 페이지에 대한"라는 DIV 보면다른 div에 영향을주는 수레?

<!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> 

당신이 그것의 사업부 및 부품의 오른쪽에 위치되는 것을 볼 수 있습니다 (결과 영역의 크기를 조정해야 볼 수 있습니다). 내가하고 싶은 말은 한 줄에 있고 왼쪽으로 정렬하는 것입니다. 내가 본 것에서 볼 때 #links 영역에서 "float : left"를 제거하면 문제를 해결할 수 있습니다. 또는 "width : 150px;"를 제거하여 조금이라도 도움이 될 수 있습니다. from #link. 유일한 문제는 내가 오랫동안 다른 사람을 구하려고 노력했다는 것입니다.

답변

5

을 분명히 추가하면 왼쪽이 도움이 될 수 있습니다.

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

고맙습니다. – user2533660