div가 위치 변경을 방지하는 방법

여러 div로 구성된 창 정렬을 만들려고합니다. 기본적으로 div 뒤에 div를 내 cshtml 페이지에 넣고 .css 파일에서 위치를 설정하려고합니다. 상당한 노력 끝에 나는 divs를 아름다운 위치에 설정했습니다. 하지만 텍스트 나 DOM 요소를 삽입하자마자 위치를 변경하고 다른 div를 밀어 넣으면 엉망이됩니다. 나는 플로트를 사용하여 어떻게 든 유지할 수 있었지만 실제로는 어렵습니다. div의 내부 요소를 쉽게 관리 할 수있는 방법이 있습니까? 내부 요소가 컨테이너 div를 다른 위치로 이동시키는 이유는 무엇입니까?div가 위치 변경을 방지하는 방법

여기에 .html 및 .css 코드가 있습니다. div가 비어 있고 올바르게 배치되었습니다. 예를 들어 div id = "fiyat">에 "qwe"라고 쓰고 내가 무슨 말을하고 있는지 볼 수 있습니다.

이 .html 코드 :

<div id="tablodetay"> 
    <div id="secimler">  
    </div> 

     <div id="parcacerceve"> 
     </div> 

     <div id="resim"> 
     </div> 

     <div id="ebatsecimvefiyat"> 
      <div id="ebatsecim"> 

      </div> 

      <div id="fiyat"> 
      </div> 
     </div> 

     <div id="urunozellik">  
     </div> 
    </div>

.CSS 코드 :

div#tablodetay div#secimler 
{ 
    border:1px solid #000000; 
    margin:2px; 
    display:block; 
    width:706px; 
    height:100px; 
    display:block; 
} 

div#tablodetay div#parcacerceve 
{ 
    border:1px solid #000000; 
    margin:2px; 
    display:inline-block; 
    width:86px; 
    height:400px; 
} 

div#tablodetay div#resim 
{ 
    border:1px solid #000000; 
    margin:2px; 
    height:400px; 
    width:400px; 
    display:inline-block; 
} 

div#tablodetay div#ebatsecimvefiyat 
{ 
    margin:2px; 
    height:402px; 
    width:200px; 
    display:inline-block; 
} 

div#tablodetay div#ebatsecim 
{ 
    border:1px solid #000000; 
    height:248px; 
    width:200px; 
    margin-bottom:2px; 
} 

div#tablodetay div#ebatsecim form input 
{ 
    float:left; 
    border:1px solid #000000; 
} 

div#tablodetay div#fiyat 
{ 
    border:1px solid #000000; 
    height:148px; 
    width:200px; 
} 

div#tablodetay div#urunozellik 
{ 
    border:1px solid #000000; 
    height:120px; 
    width:706px; 
    margin-top:-2px; 
    margin-left:2px; 
}

출처

2012-06-16 Halo

당신은 CSS를 정의 할 필요가 각 사업부 속성. 크기 또는 위치가 변경되지 않도록하려면

div ... { 
    position:absolute; 
    left: 50px; 
    top:50px; 
    width:100px; 
    height:50%; 
}

위치 : 절대; 다른 모든 div를 무시하고 정의한 자리에 div를 넣습니다. 오버 플로우가 없음으로 설정 또는 브라우저 지점을 종료하지, 출발점으로하여 폭과 높이를 사용합니다

스크롤 밤은 경우

출처

2012-06-16 21:47:37 showbiz

감사합니다. 아마 절대적인 위치 지정을 사용하는 것이 가장 좋은 접근 방법은 아니지만 내 똥 때문에 효과가있는 것처럼 보입니다. – Halo

폭과 높이가 기각된다.

max-width 및 max-height를 설정할 수도 있습니다.

출처

2012-06-16 21:48:10 Tschallacka

div가 위치 변경을 방지하는 방법

답변

관련 문제