설계 도면에는 왼쪽 블록의 길이가 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가 불가능합니다.
으아아아다른 솔루션 제공:
구조:
스타일:
으아아아