CSS 백분율과 단위를 함께 사용하여 여백을 계산하십시오.

margin-left: 100 + 20%;

위와 같이하고 싶습니다. 그러나 CSS에는 형식이 없습니다. 어떻게 이들을 성공적으로 함께 사용할 수 있습니까?CSS 백분율과 단위를 함께 사용하여 여백을 계산하십시오.

출처

2011-04-09 icaptan

자바 스크립트가 필요하지 않으십니까? 해당 내용을 다른 요소 (일반적으로 <div>)로 묶고 그 여백을 두 개의 요소로 분리하는 방법으로 만 가능합니다. 같은

뭔가 :

<div style="margin-left:20%"> 
    <div style="margin-left:100px"> 
    <!-- content --> 
    </div> 
</div>

출처

2011-04-09 18:49:00 Damb

이것은 정말 좋습니다! 하지만 실제로 작동합니까? 또한 내부 부서는 외부 부서에 100px로 마진을 둡니다. 감사합니다! – icaptan

시도해야 할 것입니다. 하지만 왜 작동하지 않아야하는지 모르겠다. :) – Damb

안녕하십니까. StackOverflow에 오신 것을 환영합니다. 불행히도 CSS는 (좋은) 동작을하지 않지만 LESS는 동작합니다. JavaScript 구현의 경우 here을 참조하십시오. PHP 구현을 원한다면 here을보십시오. 내가 JS와 PHP에 대해 말하는 이유에 대해 혼란 스러울 지 모르지만, 덜한 일은 .less 파일을 클라이언트 (JS) 나 서버 (PHP)의 바닐라 CSS 파일로 바꾸는 것입니다. .

출처

2011-04-09 18:47:49 Bojangles

방법 LESS 동적으로 폭 상대 및 절대를 추가하고 픽셀 값을 반환 할 수 있습니다 스타일 시트를 만들 것인가? 나는 그것을 보지 않는다. –

사과드립니다 ... 나는 그가 100 % + 20 %를 의미한다고 생각했습니다. – Bojangles

예, JS가 없으면 작동하지 않습니다 (또는 @dampe 쇼와 같은 멋진 트릭). LessPHP를 지적 해 주셔서 감사합니다. –

CSS 백분율과 단위를 함께 사용하여 여백을 계산하십시오.

답변

관련 문제