Html 절대 위치 지정

절대 위치로 설정된 div가 있습니다. 또한 그 안에 몇 개의 단락이 있습니다. 탐색기의 오른쪽을 왼쪽으로 움직이면 단락이 움직여서 창 크기로 조정하려고합니다. 나는 그 (것)들을 절대적으로 두는 것을 시도했다, 그러나 아직도 움직인다. 해당 div 또는 단락을 어떻게 설정하여 동일한 위치에 유지할 수 있습니까? ... 여기에 코드입니다하십시오Html 절대 위치 지정

HTML :

<div id="search_slogan" > <!-- search_slogan Slogan--> 
    <p style="font-size: 26px; "> Free Business Name Search </p> 
    <p style="font-family:gothic; "> Enter any potential business name. 
     We'll let you know if the company name is available for use in your state, </p> 
    <p style="font-family:gothic; "> usually within 1 business day. </p> 
</div> <!-- END search_slogan Slogan-->

CSS : 그것은 나머지 공간을 채우는 있도록

#search_slogan{ 
    line-height: 15%; 
    position: absolute; 
    top: 150px; 
    left: 200px; 
    font-family:basic_gothic; 
    font-size: 18px; 
}

출처

2014-11-03 Vitalii Maximov

[fiddle] (http://jsfiddle.net/)을 만들 수 있습니까? 그렇게하면 우리는 무슨 일이 일어나고 있는지를보다 분명하게 알 수 있습니다. ;) – Jerodev

일반적으로 창에 맞게 이동하는 것이 바람직한 상태입니다. 당신이 그것을 가지고 있지 않다면, 당신은 당신과 다른 창 크기를 가진 누군가를 위해 틀린 것처럼 보이는 경향이 있습니다. 실제 문제는 무엇입니까? 더 많은 컨텍스트를 제공해야하는 것처럼 들립니다. – Quentin

@Jerodev를 복사하여 붙여 넣기 만하면 요청하는 것보다 빠를 것입니다. 그러나 게으른 (위에 같은), 그것은 여기에있다 : http://jsfiddle.net/4440jkwn/ – Albzi

귀하의 문제가, 당신의 상자가 정해진 폭이 없다고 할 수 있습니다.

아래와 같이 너비를 설정하면 더 이상 움직이지 않습니다.

#search_slogan{ 
    line-height: 15%; 
    position: absolute; 
    top: 150px; 
    left: 200px; 
    width: 400px; 
    font-family:basic_gothic; 
    font-size: 18px; 
}

오버플로 숨기기와 같은 추가 솔루션이 있지만 너비 설정이 가장 간단합니다.

출처

2014-11-03 15:38:15

예! 고맙습니다! 너는 바로 그 너비 야! –

선택하신 답변 옆에있는 확인란을 선택하십시오. =) – mikelt21

문제가 line:height 속성인데 15 %로 설정되었습니다. 그렇게되면 편지가 쌓일 것입니다. HTML을 정리하고 JSFIDDLE HERE을 만들었습니다.

출처

2014-11-03 15:40:37

Html 절대 위치 지정

답변

관련 문제