졸라 암걸릴 것 같음..


div id='x'

  form

    input/

    input/

  form/

/div


div id='y'

/div

마크업이 이렇게 있고


#x {

  dixplay: inline-box;

  width: 40rem;

  height: 30rem

}


#y {

  dixplay: inline-box;

  width: 15rem;

  height: 30rem

}


스타일이 이렇게 있으면


#y가 #x안에 있는 form을 기준으로 시작점이 정해져버린다..

form 디스플레이 속성 none으로 하면 내가 원하던대로 나옴(다른 속성은 테이블계열 속성을 적용해야 이쁘게 나옴)


시벌 왜 저런식으로 저수준?의 요소에 영향을 받게 되는거임?