div가 HTML로 래핑되지 않도록 만드는 방법: 1. 디스플레이 속성을 사용하고 div 태그에 "display: inline-block;" 스타일을 추가하세요. 2. float 속성을 사용하려면 div 태그에 "float: left;" 스타일을 추가하기만 하면 됩니다.
이 튜토리얼의 운영 환경: Windows 7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.
div는 기본적으로 자동으로 래핑되지만 다음 두 가지 방법을 사용하여 래핑되지 않음을 제어할 수 있습니다.
display: inline-block;
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
div{
width: 300px;
height: 300px;
background-color: #20B2AA;
display: inline-block;
}
</style>
</head>
<body>
<div></div>
<div></div>
</body>
</html>
2.
float: left;
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
div{
width: 300px;
height: 300px;
background-color: #00aa00;
float: left;
}
</style>
</head>
<body>
<div></div>
<div></div>
</body>
</html>
더 많은 프로그래밍 관련 지식을 보려면
프로그래밍 비디오
위 내용은 div가 html로 래핑되는 것을 방지하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
