폭

Question

나는 두 클래스가 서로 나란히 실행하는 두 개의 섹션으로 절반이 게시물을 분할하기 위해 노력하고있어 작동하지 않는 속성 - http://launique.co.uk/services-test/

그러나 불행하게도에만 .card-picture는 폭을 준수 할 것을 : 50 % 속성, 아직 등급이 .card-text 인 경우 ...

입력 사항에 대해 미리 감사드립니다.

Answer 1

처음에는 단지 마찬가지로 .card-picture

.card-text { width: 50%; float: left; } 

.card-picture { width: 50%; float: left; } 

.card-picture에 대한 마진과 패딩을 조정의 패딩과 마진을 제거 할뿐만 아니라 폭

Answer 2

로 I가 두 요소의 너비를 변경하는 것이 좋습니다 :

width: calc(50% - 140px) 

요소의 너비가 동적으로 조정되며 여백 및 패딩의 문제가 해결됩니다.