나는이 페이지에서 어떤 문제가있다. 나는이 문제를보기 위해 오래 꼼짝 않고 바라 보았다고 생각한다. 오른쪽에는 여유 공간이있다. 내가 그것을 없애려고 대담한 가서 .. 어떤 도움을 매우 높이 평가 될 것입니다. 귀하의 콘텐츠 - 래퍼오른쪽 페이지 오버플로
<div id="content-wrapper"> while also providing width :100% of container
콘텐츠 - 래퍼의 폭이 필요하지 않습니다 보인다. 100 % (기본값)로 설정했지만 패딩/여백에 추가됩니다. 폭 또는 여백/여백을 제거하면 효과가 있다고 생각합니다. 물론 마진을 제거하십시오! (적어도 크롬에서 나를 위해 일한다)
에 마진을 제공하기 때문에
content_wrapper는 width: 100%,를 가지고있다. 그러나 margin-right 8%,가있다. 그래서 진짜 폭은 108 % 다. 모델 상자와 여백 및 패딩과 함께 작동하는 방법에 대해 읽어보십시오.
요소 .content-wrapper의 너비가 100 %이고 추가 여백이 왼쪽과 오른쪽이며 브라우저보다 길어집니다.
입력 해 주셔서 감사합니다. "content-wrapper"를 삭제했습니다. 그리고 액체 div를 센터링하기 위해 왼쪽 [margin] div에 왼쪽 여백을 추가하고 오른쪽 [column] div에는 오른쪽 여백을 추가했습니다.
유동적 인 레이아웃을 만들고 싶다면 옆면에서 여분의 공간을 남겨 두어야할까요? 아니면 중심 콘텐츠를 원한다면 올바른 방식이 아닙니다. 콘텐츠 래퍼에 고정을 설정하고 중심에 배치해야합니다. –