바닥 글 문제 창 크기를 조정할 때 오른쪽에 큰 공백이 있습니다.

Question

오케이 이렇게하면 몇 시간 동안 나를 괴롭 히고이 문제를 해결할 수있을뿐만 아니라 왜 이런 일을하는지 이해하지 못합니다 (공정하게 6am입니다. @ _ @). 어쨌든, 나는 바닥 글을 연속적인, 간단한 색으로 만들려고 노력하고 있습니다. 그리고 꼬리말 내용은 다양한 너비의 수직 상자로 구성됩니다. 목록을 정렬하기 위해 정렬되지 않은 목록을 사용하고 있습니다. 브라우저가 끝나가 때

http://jsfiddle.net/WTABE/

모든 것은 괜찮지 만, 내가 크기를 조정할 때 horizantal 스크롤 막대가 나타나고 오른쪽으로 스크롤하면 페이지가 차단과 더 잘 큰 공백이다.

이제 #footerContect ul {}에서 너비를 꺼내면이 문제는 사라지지만 열은 스스로 중심을 벗어납니다. 그리고 내용 자체의 개별 너비를 조정하더라도 공백 크기에는 거의 영향을 미치지 않습니다. 그리고 심지어 li> 구성 요소를 50px 너비와 500px까지 UL 너비로 축소했을 때 (나는 어떤 일이 일어나는지 보았습니다), 공백이 여전히 남아 있습니다!

Li의 여백과 패딩을 제로로 넣으려고했기 때문에 여기에 누락 된 것이 틀림 없습니다. 모두 흰색으로 채우지 만 공백이 남아 있습니다.

Answer 1

OKAY. 그래서 저는 플로트와 관련이 있다는 것을 알아 냈습니다. 플로트를 꺼내기 만하면됩니다.

footerContent #quicknav li {float : none; 너비 : 150 픽셀;}

이제 크롬에서 완벽 해 보입니다.

하지만 IE와 Firefox는 정말로 저에게 문제점을 제공합니다. 꼬리말이 조정되어 붙어있는 브라우저의 크기를 조정하면 수평 막대를 사용하여 오른쪽으로 스크롤 할 때 왼쪽에서 왼쪽으로 바닥 글을 남깁니다. 왼쪽으로. 그리고 이상한 여분의 화이트 스페이스가 계속 진행 중입니다. 이것은 더 많은 수레와 함께 의심의 여지없이해야합니다 (모든 요소에 경계를두고, 대다수의 공백 배치가 사라질 때까지 한 번에 하나의 DIV 섹션을 제거했습니다).

이 사람은 수레를 사용하지 않았지만 그건 내 브라우저가 IE 나 파이어 폭스에서 보이는 방법은 다음과 같습니다 css white-space:nowrap horizontal scroll bug