html,body { margin:0; padding:0;border:0}
11478 단어 padding
body,html /* DIV */
{
margin:0;
padding:0;
height:100%;
}
아래 코드
<!DOCTYPE html>
<html lang="en">
<head>
<style>
#side{
float:left;
width: 30%;
height: 300px;
background-color: #99FF99;
}
#main{
margin-left:30%;
width: 70%;
height: 300px;
background-color: #99FFFF;
}
</style>
</head>
<body>
<div id="side">1</div>
<div id="main">2</div>
</body>
</html>양쪽에 여백이 있을 거예요.
==================================================================
다음 코드
<!DOCTYPE html>
<html lang="en">
<head>
<style>
html,body{
margin: 0;
padding: 0;
border: 0;
}
#side{
float:left;
width: 30%;
height: 300px;
background-color: #99FF99;
}
#main{
margin-left:30%;
width: 70%;
height: 300px;
background-color: #99FFFF;
}
</style>
</head>
<body>
<div id="side">1</div>
<div id="main">2</div>
</body>
</html>전체 외곽선의 외곽 거리와 내곽 거리를 0으로 하다
또 하나는 어댑터를 쓰는 거예요.
* {margin:0; padding:0;border:0;}* 는 HTML에 대한 모든 요소를 나타냅니다.margin은 테두리 바깥쪽의 공백을 표시하고, 뒤의 0은 공백을 표시하지 않습니다.padding은 테두리 안쪽과 내용 사이를 채우고 뒤의 0은 공백을 남기지 않는다는 것을 나타낸다.border는 테두리를 표시하고, 뒤의 0px는 테두리 너비가 0 픽셀을 표시하며, 테두리 그리기 방식none는 테두리를 그리지 않습니다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
레이아웃, 여백의 비밀값이 content-box인 경우 width, height 값을 적용할 때 padding과 border 값은 제외됨 (width, height 값을 설정하고 padding, border를 추가하면 그 값만큼 박스의 ...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
