CSS를

Question

가능한 복제를 사용하여 div 태그의 높이를 설정하는 방법 :
DIV width and height wont resize when setting innerHTML?

내가 div 태그를 가지고이 텍스트 예를 들어 다음과 같이 내부 HTML로 작성했습니다 :

<div>Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text.........</div> 

내부 HTML에는 긴 텍스트가 있습니다. div 태그 아래에 앵커 태그를 유지했습니다. 문제는 div 태그의 높이를 200px로 줄이면 div 태그의 내부 HTML 위에 앵커 태그가 오게된다는 것입니다.

그러나 div 태그의 높이를 줄이면 내부 HTML의 높이도 같아야합니다. 앵커 태그가 div 태그 바로 아래에 표시되고 div 태그의 높이가 200px가됩니다. 나는 주변에 봤지만 많이 도움이되지 않았다. 나는 나 자신을 분명히했으면 좋겠다. 의심이 있으시면 제발 부탁해. 도움이 필요해.

Answer 1

px가 아닌 %로 높이를 설정해야합니다. 그래서 앵커 태그 높이를 %로 변경하면 높이를 의미합니다 : 5 % 이것은 아마도 당신의 문제를 해결할 것입니다. 앵커 태그의

Answer 2

설정 위치 속성은

a#MyA 
{ 
    top:100px; 
    position:relative; 
} 

Answer 3

내가 정확하게 문제를 understant 경우 확실하지 오전하지만 적어도 당신 jsfiddle 링크가 오타를 많이했다 일부를 수정하고 여기에있어 상대적하기 results

<div id="aa">Some Text. Some Text. Some Text. Some Text. Some Text. Some Text.Some Text.Some Text. Some Text. Some Text.Some Text.......</div> 
    <div id="bb"><a href="#">Read More</a></div>​ 

더 쉬운 디버깅을 위해 몇 가지 색상이 추가되었습니다. 한번보세요. 확인 this too, 당신이 뭘 하려는지 또 다른 가능성 ... 나는이 문제에 대한 해결책을 가지고

div#aa { 
    height: 100px; 
    background-color: #f00; 
    overflow: hidden; 
} 

a { 
    background-color: #aaf; 
} 
​ 

Answer 4

: DIV width and height wont resize when setting innerHTML?

당신은 div 태그에 대한 오버 플로우 속성을 추가해야합니다.