84669인 학습
152542인 학습
20005인 학습
5487인 학습
7821인 학습
359900인 학습
3350인 학습
180660인 학습
48569인 학습
18603인 학습
40936인 학습
1549인 학습
1183인 학습
32909인 학습
설계 도면에는 왼쪽 블록의 길이가218px라고 명시되어 있지만 같은 행에 있는 다음 블록의 길이를 결정할 방법이 없습니다. 후자의 블록이 현재 행을 자동으로 채울 수 있기를 바랍니다. 조언
218px
첫 번째 작품의 현재css스타일은 다음과 같습니다.
css
렌더링:
으아악
플렉스를 사용할 자격이 있지만 접두사를 추가하는 것을 잊지 마세요
왼쪽 블록은 위치를 지정할 수 있습니다. 절대 위치입니다. 오른쪽 블록은 바로 margin-left: 218px이고 다음은 display:block;
1.부모님{display:flex;}，右边{flex:1}
{display:flex;}，右边{flex:1}
2. 맞아요{float:left;width:calc(100% - 218px);}
{float:left;width:calc(100% - 218px);}
마지막 작품{
}
비율은 괜찮습니다
flex는 솔루션이지만, 이제는 IE8 등 저사양 브라우저와의 호환성이 요구되는 경우가 많아 flex가 불가능합니다.다른 솔루션 제공:구조:
스타일:
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
으아악
플렉스를 사용할 자격이 있지만 접두사를 추가하는 것을 잊지 마세요
왼쪽 블록은 위치를 지정할 수 있습니다. 절대 위치입니다. 오른쪽 블록은 바로 margin-left: 218px이고 다음은 display:block;
입니다.1.부모님
{display:flex;}，右边{flex:1}2. 맞아요
{float:left;width:calc(100% - 218px);}마지막 작품{
으아아아}
비율은 괜찮습니다
flex는 솔루션이지만, 이제는 IE8 등 저사양 브라우저와의 호환성이 요구되는 경우가 많아 flex가 불가능합니다.
으아아아다른 솔루션 제공:
구조:
스타일:
으아아아