새로운 기초를위한 사이트를 디자인하고 있으며 4 월 15 일을 마감일로 설정했습니다. 컨텐츠를 편집하고 디자인을 미세 조정하는 것을 제외하고는 준비가되었습니다. 미 조정에서, 나는 누군가에게 내가 풀 수 있도록 도와달라고 부탁하고 싶은 귀찮은 작은 문제와 씨름하고있다. 문제는 단순히 이것입니다. 사이트의 구조에있는 부분이 주변에 테두리가 있지 않으면 작동하도록 기능하지 않습니다. 전에는 너무 엉뚱한 것을 보지 못했습니다.테두리가있는 경우에만 CSS div 요소 기능
이 문제는 요소가 레이아웃에서 상호 작용하는 방식과 관련이있는 것 같습니다. 첫째, 배경 이미지를 담고있는 HTML 태그가 있습니다. 배경 이미지의 맨 아래에 위치하는 분할 태그 (#greengrass)에 의해 만들어진 먼 저쪽에 일부 건물이있는 크릭의 jpeg와 잔디의 녹색 숲이 있습니다. div # greengrass는 내용 div가 그 위에 놓이면 길이가 길어지면서 길게 늘어납니다. 이 # 글로피 글라스 요소는 주변에 테두리가있는 경우를 제외하고는 어색하게 수행합니다.
특히 테두리가 제거되면 배경 이미지가 끝나는 위치로 시작하더라도 위쪽으로 돌출되어 배경 이미지를 덮습니다. 따라서 위쪽으로 투영하면 전체 페이지 배경이 녹색이됩니다. 그러나 그것이 국경을 가지고있을 때, 개울의 배경 이미지는 화창한 봄 해처럼 밝게 빛난다.
따라서 한 가지 질문이 있습니다. 왜 부서 경계의 부재 또는 존재가 행동에 영향을 줍니까? 기초를위한 시험 위치에 URL가있다 : http://postmaterial.org/tests/signin-ap.php. 상단 중앙에 테두리가있는 경계선없는 div # greengrass 효과 사이를 전환 할 수있는 링크를 추가했습니다. 태그 동작에 대한 이유에 대한 단서가 없으며 설명을 이해할 수 있습니다. 감사.
Scott, 나는 당신이 제안한 변화를 만들었습니다 - 나는 반드시 말해야 할 특별한 제안입니다. 내 직책 전, 나는 마진 붕괴라는 개념에 익숙하지 않았다. 이 개념을 가로 스크롤과 관련하여 내 사이트의 외관을 현저하게 개선 할 수있었습니다. @ Ichao 님의 도움에 감사드립니다. – Gosundi