CSS浮动
CSS浮动
Html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>float.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="float.css" type="text/css"></link>
</head>
<body>
<div id="newdiv1" class="newdiv">div1</div>
<div class="newdiv">div2</div>
<div class="newdiv">div3</div>
</body>
</html>
CSS
@CHARSET "UTF-8";
body{
margin: 0 auto;
padding: 0px;
}
.newdiv{
width:150px;
height: 150px;
border: 1px solid green;
background-color: pink;
margin-top: 5px;
}
#newdiv1{
float: right;
}
F浮动的意义：
右浮动：使得该元素浮动到最右边或者最左边，并脱离标准流
左浮动：所有元素都向左靠，并让出右边的位置，如果不够，则向下移动
清除浮动
必要性：默认情况下，div是纵向排列的
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
