HTML을 훈련하는 데 도움이 필요합니다. 그것은 위로 움직이고있는 것처럼 보인다.인라인 div가 권한을 청취하지 않습니다.
어쨌든, 내가 작업하고있는 페이지의 콘텐츠 영역에는 두 개의 열이 있습니다. 여러 열보기를 얻으려면 이 아닌 하나의 열을 포함하는 div를 사용하여 열의 "행"중 일부를 정렬해야하기 때문에
대신 기본적으로 행당 두 개의 인라인 div가있는 여러 개의 "행"을 사용합니다. 하나는 왼쪽 콘텐츠 용이고 다른 하나는 오른쪽 용입니다. 그들 중 대부분은 올바르게 작동하고 있습니다. 그러나 어떤 이유로 든 제 마지막 행은 아닙니다. 무엇을 상관없이 내가 폭을 줄 때 그것은 내 말을 듣지 않을 것입니다. 사업부는 폭 듣지 발생할 수있는 상황의 어떤 종류의 말은 시간에서
<div id="mainContainer">
<div id="topBar"></div> //full width
<div id="featured"> //this "row" is working fine
<div id="featuredVideos"></div> //these two
<div id="featuredLiterature"></div> //are inline
</div>
<div id="browseButtons"> //this is the "row" that is acting up
<div id="litBrowse"></div> //these two
<div id="vidBrowse"></div> //are inline
</div>
</div>
: 여기
는와 관계있는 HTML의 모습입니까? 나는 심지어 모든 자식 div가 litbrowse
과 vidbrowse1
안에 있고, 450px와 주사위가없는 것과 같은 넓이를 보냈다. 근본적으로 똑같은 구조를 가진이 모든 내용은 정상적으로 작동합니다. 유일한 차이점은 해당 행 위의 '행'이 두 개의 부동 div로 구성된다는 것입니다.
여기에 문제가있는 jsfiddle이 있습니다. 하단의 두 div (카테고리별로 점선 찾아보기, 카테고리별로 vids 찾아보기)는 간격을 두어야하지만 450px 너비를 가지지 않기 때문에 서로 겹쳐서 표시됩니다.
#topBar에 닫는 태그가 누락 된 것 같습니다. – ratbum
@ratbum 죄송합니다. HTML을 옮길 때 오타가 있습니다. 멋지다. 그 오타는 실제 html에는 없습니다. –
마음에 샘솟는 주된 이유는 div가 예상 한대로 너비를받지 못했다는 것입니다. CSS 또는 잘못된 선택자에서 대소 문자를 구분할 수 있습니다. CSS가 오버라이드되는 경우에도 너비가 요소에 있어야한다고 CSS에서 판단하는지 여부를 개발자 도구로 확인 했습니까? 그리고 div는 확실히 어떤 이유로 div에서 벗어나는 내용과는 반대로 폭을 사용하지 않는 것입니까? – Chris