div의 왼쪽 여백이

입니다. 내게는이 div가 컨테이너의 중심에없는 이유를 알 수 없습니다.div의 왼쪽 여백이

나는 너비가 100 % 인 고정 된 상단 바를 가지고 있으며, 너비가 750px이고 자동 여백이있는 내부 div가있다. 하지만이 div는 센터에 앉지 않고 200px 오른쪽에 위치합니다.

이미 다른 100 % 너비 컨테이너를 중심으로 다른 div가 있는데 잘 작동하지만이 경우에는 그렇지 않습니다.

나는 방화범 검사관을 지나고 내가 할 수있는 모든 것을 가지고 놀았다. 나는 왜 그것이 올바르게 앉지 않는지를 발견한다.

당신이 보여주는 가장 쉬운 방법 ...

URL은 :

이

내가 중심에 애 쓰고 사업부가 맨 위에 표시 줄에 노란색이다. 그것은 페이지 탐색 (다음, 이전 등)을 보유하고 있습니다.

베타 코드

는 간단하다 : 모든 아이디어를 주시면 감사하겠습니다 시험

: 감사합니다, 크레이그.

html로

<div id="sidebar"> 
    <!-- Content Here --> 
</div> 
<div id="topbar"> 
    <div class="pagecontrol1"> 
     <!-- Content Here --> 
</div> 
</div>

100 % 폭이 sidebar 당신이있어하여이 왼쪽으로 이동 이렇게하면 페이지의 100 %를 잡아입니다

#sidebar { 
    width:250px; 
    background-color:#fff; 
    height: 100%; 
    float:left; 
    position:fixed; 
    border-right: 0px solid #333; 
    z-index: 996; 
    -webkit-box-shadow: 2px 0px 5px -2px #888; 
    -moz-box-shadow: 2px 0px 5px -2px #888; 
    box-shadow:   2px 0px 5px -2px #888; 
} 
#topbar { 
    height: 35px; 
    width: 100%; 
    background-color:#444; 
    position:fixed; 
    z-index: 950; 
    border-bottom: 1px solid #222; 
    border-top: 1px solid #222; 
} 
.pagecontrol1 { 
    width: 750px; 
    height: 100%; 
    margin: auto; 
    background-color: #ff0; 
}

출처

2014-04-10 Lovelock

여기에 코드를 추가해야 사이트가 다운되면 질문이 여전히 적합합니다. –

누구든지 컴퓨터에서 문제를 재현하는 데 사용할 수있는 [짧은 자체 포함 및 올바른] 예제 (http://www.sscce.org/)를 제공하십시오. 여기에 또는 http://jsfiddle.net/에 짧고, 자체 포함 된 올바른 예제 코드를 게시 할 수 있습니다. –

질문에 HTML과 CSS를 추가했습니다. –

CSS의 250px로 오른쪽으로 밀었습니다. 귀하의 pagecontrol1 클래스는 다음과 같아야합니다

.pagecontrol1 { 
    position:fixed; 
    left:250px; 
    right:0px; 
    height:35px; /* Instead of 100% */ 
    margin:auto; 
    background: #ff0; 
}

나는 position:fixed, left:250px;, right:0px;을 추가 height:35px에 height:100%을 변경했습니다. 브라우저에서 편집 했으므로 pagecontrol1 클래스에 대한 변경 사항은 괜찮습니다.

출처

2014-04-10 16:47:49

div의 왼쪽 여백이

답변

관련 문제