오버플로 숨겨진 속성이 작동하지 않습니다.

코드는 컨테이너 외부에 있습니다. 웬일인지 그 요소가 숨기지 않는다고 나는 짐작할 수 없다. 속성간에 충돌이 있습니까?오버플로 숨겨진 속성이 작동하지 않습니다.

#header2 { 
    position: absolute; 
    top: 71px; 
    left: 0%; 
    margin-left: -906px; 
    width: 2831px; 
    height: 56px; 
    background:url("images/header2.gif") no-repeat; 
    overflow: hidden; 
}

출처

2011-03-08 max

나는 당신이 찾고있는 대답은 display: none 것 같아요?

출처

2011-03-08 07:39:01 smottt

visiblity: hidden; 또는 display: none;

가시성, 당신은 요소를 숨길 수 있습니다,하지만이 삭제되었을 것처럼 여전히 행동, 표시 완전히 요소를 숨 깁니다, DOM 표시를 변경합니다 .

편집 :
이 허가, 음, 그 경우에, 당신은 100% height fix/sticky footer/whatever you name it보고해야하고 컨테이너에 overflow: hidden;를 추가합니다. 따라서 #header2 요소를 컨테이너의 하위 요소로 추가해야합니다. 또한 position: relative;을 컨테이너에 넣으십시오.이므로 #header2의 절대 위치는 컨테이너에서 계산됩니다.

사실,이 경우에, 당신의 컨테이너은 당신이 그것에 overflow을 추가하고, 자식으로 #header2을해야 그 이유는, 새로운 body 될 것입니다.

물론 귀하의 사이트가 수직으로 확장되지 않으면 body 태그에 단지 overflow: hidden; 속성을 추가하면됩니다.

overflow 속성은 요소 크기를 오버플로하는 내부 콘텐츠를 숨기 때문에이 모든 문제는 발생합니다. 기본적으로 오버플로는 자르기와 같이 작동합니다.

출처

2011-03-08 07:45:42 jolt

답장을 보내 주셔서 감사합니다.하지만 나 자신을 다시 말해 보겠습니다. 이것은 그래픽 요소입니다. 그것은 숨겨진 것이 아니라 보여지기로되어 있습니다. 이 요소는 거대하며 스크롤 바가 아래쪽에 표시되도록하는 것이 문제입니다. 오버플로를 숨길 필요가 있으므로 다른 화면 해상도에서 그래픽 요소가 가로 스크롤 막대없이 전체 너비를 다시 차지합니다. – max

오버플로 숨겨진 속성이 작동하지 않습니다.

답변

관련 문제