나는 100 % 너비와 단락을 가진 div가 있습니다. div는 1.1em의 패딩을가집니다. Chrome에서 evrything이 예상대로 작동합니다. div는 부모 공간의 100 %까지 확장되며 단락은 패딩으로 인해 약간 축소됩니다.Firefox : 100 % 및 내부 패딩?
그러나 Firefox에서 div는 100 % + 패딩까지 소비합니다. 파이어 폭스에서 내부 패딩을 강제하는 법?
나는 100 % 너비와 단락을 가진 div가 있습니다. div는 1.1em의 패딩을가집니다. Chrome에서 evrything이 예상대로 작동합니다. div는 부모 공간의 100 %까지 확장되며 단락은 패딩으로 인해 약간 축소됩니다.Firefox : 100 % 및 내부 패딩?
그러나 Firefox에서 div는 100 % + 패딩까지 소비합니다. 파이어 폭스에서 내부 패딩을 강제하는 법?
어떻게해야합니까? Firefox에서 내부 패딩을 강제합니까? 기본적으로
요소의 사용 box-sizing: border-box;
,의 padding
border
및 margin
는 요소 외부 계산됩니다.
box-sizing: border-box;
을 사용하면 padding
및 border
이 외부가 아닌 요소 내부에서 계산됩니다.
box-sizing
으로 box-sizing
Demo없이
Demo차이를 보이지? 두 번째 데모에서는 가로 스크롤 막대가 나타나지 않습니다. 여기서는 box-sizing
속성에 대해 border-box
값을 사용하고 있습니다.
흠, 파이어 폭스를 검사하면서 추가를 시도했지만 아무 것도하지 않았습니다. 스타일 시트에 배치되면 작업. –
@Qweick cool :) –