신장 가능한 DIV 문제

현재 page에 작업 중입니다. 주어진 페이지에 표시된 넘침 텍스트가 포함 된 DIV는 높이가 "자동"에서 고정 "높이로 변경된 경우를 제외하고는 텍스트를 포함하지 않습니다. 는 "CSS는 다음과 같습니다신장 가능한 DIV 문제

.single #intro { 
    width: 100%; 
    height: auto; 
    position:relative; 
    float: left; 
}

출처

2013-03-27 Dz.slick

높이 : 자동;'IE9 +, FF 및 크롬에서 제대로 작동합니다. 어떤 브라우저에서 문제가 발생하고 있습니까? – gaynorvader

스트레치를 만들려면 높이 : 간단히 삭제해야하는 곳이 여러 개 있습니다. 이다

... 여기

: 여기에 (라인 349)

#rack #main #intro #content-area { 
    float: left; 
    height: 370px; 
    width: 750px; 
    padding: 20px 30px 10px 30px; 
}

그리고 : (라인 117)

#rack #main #intro { 
    width: 100%; 
    height: 400px; 
}

출처

2013-03-27 18:11:10 Michael

홈 페이지 Michael에만 영향을 미칩니다. 내가 언급 한 사이트는 ".single"로 시작합니다. –

전체 사이트에 영향을 미칩니다. o.O 다른 페이지가 있습니까? 다른 링크는 작동하지 않습니다. 어쨌든, 템플리트가 늘어나는 것을 방지하는 것은 다중 높이입니다. 위의 내용이 홈 페이지에만 해당되는 경우 삭제해야하는 다른 페이지의 고유 한 높이가 있습니다. – Michael

당신은 마이클입니다. 나는 둘 다 조정하고 지금은 잘 작동합니다. 감사합니다 –

는이처럼 스크롤 막대를 표시합니다 overflow 속성을 사용할 수 있습니다 :

#rack #main #intro { 
    width: 100%; 
    height: 400px; 
    overflow: auto; 
}

그런 식으로 당신은 높이를 mantain 수 있지만, 여전히 모든 내용을 보여줍니다.

출처

2013-03-27 18:07:30

문제는 한 번 바닥 글 DIV 함께 float 속성을 사용합니다. 다음 요소는 탐색 모음 뒤에 위치해야한다고 생각합니다.

<div style="clear:both"></div>

또는 맑은 넣어 : 콘텐츠 영역 DIV 또는 바닥 글 DIV의 시작의 마지막에 두 속성을

[당신은 부유해야 할 수 있습니다 올바르게 작동 오른쪽 컨텐츠 영역]`

출처

2013-03-27 18:25:12 ManZzup

신장 가능한 DIV 문제

답변

관련 문제