javascript - 세 개의 상자가 연속으로 있습니다. 각 상자 사이의 거리는 15px이고 외부 흰색 상자와의 거리도 15px입니다.

Question

Answer 1

Flex도 구현할 수 있을 것 같습니다

Answer 2

작은 프레임: {

으아아아

}

대형 프레임: {

으아아아

}

Answer 3

大框padding:15px;작은 여백-오른쪽:15px;margin-bottom:15px;작은번째-자식(3n)적여백-오른쪽:0;마지막-자식,n번째-마지막-자식(2),nth -마지막 자식(3)의 여백-하단:0;

Answer 4

소수점 설정은 적용되지 않습니다. 일부 브라우저에서는 반올림되고 일부는 직접 반올림됩니다. 위의 답변은 마지막 작은 상자를 별도로 설정해야 합니다.

Answer 5

flex 레이아웃은 구현하기 쉽습니다

Answer 6

번째(3n){

으아악

},
큰 프레임의 패딩: 15px;
작은 프레임의 너비는 (큰 프레임 너비-60px)/3입니다. 이렇게 하면 각 행에 3개의 작은 프레임이 보장되고, 작은 프레임 플로트도 고정됩니다. :왼쪽;여백- 하단: 15px;

Answer 7

<p>

으아아아

</p>

p 내부 여백 패딩 설정
dl Set float: left;
dt,dd Set float: left;
나머지는 상자의 너비, 높이, 내부 및 외부 여백을 정의하는 것입니다

초보라서 틀렸다면 정정해주세요

Answer 8

이 방법은 ie6과 호환됩니다

으아아아