블록 수준 요소 재인식 -- DIV

1966 단어
예전에는 DIV라는 요소를 잘 이해하지 못해서 레이아웃이 자꾸 엉망진창이어서 문제가 생기면 어디의 문제인지 몰랐는데 지금 다시 정리해서 이 요소들을 다시 알아보자.
1. div는 블록급 요소로 블록급 요소가 한 줄을 독점한다.
2.div의width 이 속성은div에 표시된 범위의 경계를 만들어 주는 것일 뿐이다. 200px를 설정하면 경계선에 200px만 표시하고 전체 요소가 200px로 변하는 것이 아니라 그가 실제로 차지하는 공간은 한 줄이다.
 
<!doctype html>
<html lang="en">
<head>
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
    <meta charset="UTF-8" />
    <title>Document</title>
    <style type="text/css">
        .div1{
            width: 200px;
            border: 1px solid #000;
        }
    </style>
</head>
<body>
    <div class="div1"></div>
    <span>     span  ,          </span>
</body>
</html>

좋은 웹페이지 즐겨찾기