clear속성.........
Posted: 2006 02 10 14:02 01
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
<title>CSS테스트</title>
<style type="text/css">
<!--
/*기본코드*/
html {margin: 0; padding: 0;background: none;}
body {
margin: 0;
padding: 0;
background: none;
font-family: 굴림, tahoma, verdana, gulim, sans-serif; font-size: 12px;
}
a {
text-decoration: none;
color: black;
}
/* 전체감싸는 */
#wrap {
width: 830px; padding: 10px 10px 10px 10px; margin: 0;
}
/*상단 부분 */
#main_top {
background: #F60000;
width: 830px; height: 70px;
padding: 0; margin: 0;
}
/*센터 부분 */
#main_center {
width: 620px;
padding: 10px 10px 10px 0px; margin: 0;
background: #77B7F0;
float:left;
}
/* 오른쪽 부분 */
#main_right {
width: 200px;
padding: 10px 0px 10px 0px; margin: 0;
background: #24a524;
float: right;
}
#main_bottom {
width: 830px; height: 70px;
padding: 0; margin: 0;
background: #F60000;
clear: both;
}
//-->
</style>
</head>
<body>
<div id="wrap">
<div id="main_top">상단</div>
<div id="main_center">
센터센터센터센터센터센터센터센터센터센터센터센터센
</div>
<div id="main_right">
오른쪽
</div>
<div id="main_bottom">
하단
</div>
</div>
</body>
</html>
위소스에서 clear: both;부분이 있는데
clear태그의 개념을 모르겠어요
clear: both로 하든 clear: left로 하든 clear: right로 하든 똑같은 모습이 나타나는데 뭘로 해야 맞는건가요???
위 소스중 잘못된 부분은?
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
<title>CSS테스트</title>
<style type="text/css">
<!--
/*기본코드*/
html {margin: 0; padding: 0;background: none;}
body {
margin: 0;
padding: 0;
background: none;
font-family: 굴림, tahoma, verdana, gulim, sans-serif; font-size: 12px;
}
a {
text-decoration: none;
color: black;
}
/* 전체감싸는 */
#wrap {
width: 830px; padding: 10px 10px 10px 10px; margin: 0;
}
/*상단 부분 */
#main_top {
background: #F60000;
width: 830px; height: 70px;
padding: 0; margin: 0;
}
/*센터 부분 */
#main_center {
width: 620px;
padding: 10px 10px 10px 0px; margin: 0;
background: #77B7F0;
float:left;
}
/* 오른쪽 부분 */
#main_right {
width: 200px;
padding: 10px 0px 10px 0px; margin: 0;
background: #24a524;
float: right;
}
#main_bottom {
width: 830px; height: 70px;
padding: 0; margin: 0;
background: #F60000;
clear: both;
}
//-->
</style>
</head>
<body>
<div id="wrap">
<div id="main_top">상단</div>
<div id="main_center">
센터센터센터센터센터센터센터센터센터센터센터센터센
</div>
<div id="main_right">
오른쪽
</div>
<div id="main_bottom">
하단
</div>
</div>
</body>
</html>
위소스에서 clear: both;부분이 있는데
clear태그의 개념을 모르겠어요
clear: both로 하든 clear: left로 하든 clear: right로 하든 똑같은 모습이 나타나는데 뭘로 해야 맞는건가요???
위 소스중 잘못된 부분은?