div 안의 div를 완벽하게 설정할 수 없습니까?

여기에 있습니다 내 Demodiv 안의 div를 완벽하게 설정할 수 없습니까?

내 랩퍼 div가 두 번째 div 안에 렌더링되지 않습니다.

두 번째 div 안에 div를 넣으려고하지만 두 번째 div 위에 래퍼 div가 만들어집니다.

버그를 찾을 수 없습니다. 그럼 누구든지이 문제를 해결할 수 있습니까?

body { 
margin:0px; 
} 

.homebar 
{ 
height:40px; 
background-color:#242c3c; 
display:block; 

} 
#nicebody 
{ 
display:block; 
min-width:960px; 
} 

#wrapperdiv 
{ 

border:3px solid green; 
height:28px; 
width:163px; 

}

내 home.aspx

<body id="nicebody" class="goodstyle" data-twttr-rendered="true"> 
<form id="form1" runat="server"> 
    <div class="homebar"></div> 
    <div id="logo" style="left:225.5px;"> 
     &nbsp;<a class="home">SGIPC</a></div> 
    <div id="nav" style="top:45px; left: 0px;"> 

     <div id="seconddiv"> 

      <div id="wrapperdiv"></div> 

     </div> 

</form> 
</body>

출처

2014-02-12 Anonymous

는이 [JSFiddle] (http://jsfiddle.net) – Raptor

는 또한 좁힐 시도 할 수 있도록 제안하여 코드를 입력하면 특정 문제 만 표시됩니다. 이것은 너무 길어요. – Itay

나는 그것을 편집했습니다 ... –

그것은 실제로 입니다 렌더링 div#seconddiv 내부 -> 나는 그것을 위치했다 : 상대적; 상단 : 200 픽셀; JSFiddle

당신은 그냥 위치해야하지만 나는 마진이 아닌 위치 + 상단을 사용하는 것이 좋습니다 것입니다 : 정도 ...

그것을 확인합니다.

출처

2014-02-12 06:44:35 danwarfel

"여백을 사용하고 위치 + 위쪽을 사용하지 마십시오"나는 명확하게 이해할 수 없었습니다 .plpl 설명 ... –

제공된 JSFiddle 예제를보십시오. 녹색 테두리가있는 사각형을 보시겠습니까? 그게 네 일이야. 내가 설정 한 두 개의 새로운 CSS 규칙 인'position : relative'와'top : 104px'를 사용하여 페이지를 아래로 내려서 보이도록했습니다. 이 규칙은 쉽게 같은 일을 할 가능성이 높은'margin-top : 104px'를 위해 쉽게 바꿀 수 있으며 좀 더 깨끗합니다. – danwarfel

CSS 부동을 생각합니다. 왼쪽 : 왼쪽;

LKY

아래 사업부의 #seconddiv 및 #wrapperdiv 모두 CSS :

#seconddiv { float:left; } 

#wrapperdiv{ 
    float:left; 
    border:3px solid green; 
    height:28px; 
    width:163px; 
}

출처

2014-02-12 06:48:57

float : 왼쪽이 작동하지 않습니다. .. 두 번째 div의 오른쪽에 녹색 테두리가있는 div가 필요합니다 .. 그러나 seconddiv 위에 표시됩니다 .. 확인 : [http://jsfiddle.net/KS7xw/] –

if u 플로트 넣어 : 두 element'na에 대한 왼쪽, 확실히 wrapperdiv seconddiv 젠체하는 사람의 안으로 와서 .. http://jsfiddle.net/mdu7a/1/ –

내가 사용 위치 : 상대 및 상단 : 200px 나를 위해 일한 ..하지만 부동 : 왼쪽으로 작동하지 않습니다 .. 왜? 난 그것을 알아낼 수 없다 .. –

div 안의 div를 완벽하게 설정할 수 없습니까?

답변

관련 문제