집 >웹 프론트엔드 >HTML 튜토리얼 >교육에 맞게 div 너비를 조정하세요.

교육에 맞게 div 너비를 조정하세요.

php中世界最好的语言원래의: 2017-11-29 11:46:185705검색

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 관련 기사를 주목하세요!