프런트엔드 - CSS 1행이 2열로 나누어짐

Question

설계 도면에는 왼쪽 블록의 길이가 218px라고 명시되어 있지만 같은 행에 있는 다음 블록의 길이를 결정할 방법이 없습니다. 후자의 블록이 현재 행을 자동으로 채울 수 있기를 바랍니다. 조언

첫 번째 작품의 현재 css 스타일은 다음과 같습니다.

으아악

렌더링:

Answer 1

으아악

플렉스를 사용할 자격이 있지만 접두사를 추가하는 것을 잊지 마세요

Answer 2

왼쪽 블록은 위치를 지정할 수 있습니다. 절대 위치입니다. 오른쪽 블록은 바로 margin-left: 218px이고 다음은 display:block;

입니다.

Answer 3

1.부모님{display:flex;}，右边{flex:1}

2. 맞아요 {float:left;width:calc(100% - 218px);}

Answer 4

마지막 작품{

으아아아

}

Answer 5

비율은 괜찮습니다

Answer 6

flex는 솔루션이지만, 이제는 IE8 등 저사양 브라우저와의 호환성이 요구되는 경우가 많아 flex가 불가능합니다.
다른 솔루션 제공:
구조:

으아아아

스타일:

으아아아