CSS 레이아웃 중에 div에 스타일이 설정되지 않으면 div가 단독 행을 차지하고 기본 CSS 스타일은 100% 너비라는 것을 모두 알고 있습니다. 따라서 이번에는 DIV 너비를 적응적으로 구현하는 방법을 알려드리겠습니다. 콘텐츠가 증가하면 0부터 증가합니다. 처음부터 너비를 100% 너비로 설정하는 대신
해결책:
CSS float을 사용하여 div 기본 100% 적응 너비를 0에서 넓은 적응 너비 효과로 만듭니다.
css를 사용하여 처음부터 div 너비를 시작하는 작은 사례
1. 완전한 HTML+CSS 코드
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>小实例</title>
<style>
.case{ float:left}
</style>
</head>
<body>
<div>未设置float内容一</div>
<div>未设置float内容二</div>
<div class="case">加float样式的内容三</div>
<div class="case">对其加float样式的内容四</div>
</body>
</html>핵심 코드: 너비가 100%에서 시작하지 않고 다음과 같이 변경되도록 div에 floatfloating 스타일을 추가합니다. 범위의 초기 너비와 마찬가지로 콘텐츠가 증가함에 따라 늘어나는 콘텐츠의 양입니다.
요약:
CSS를 통해 div에 float를 설정하면 div의 기본 전체 화면 너비 스타일이 제거됩니다. 그러나 일반적으로 콘텐츠 너비를 처음부터 조정하는 상자를 사용해야 하며 float 스타일을 사용할 수 없는 경우에는 사용하려면 Achievable 태그를 사용합니다.
이 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트Other 관련 기사를 주목하세요!
관련 읽기:
CSS를 사용하지 않고 마우스 오버 스타일을 변경하는 방법
위 내용은 교육에 맞게 div 너비를 조정하세요.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
