div设置float-会学html CSS

div设置float

对div设置CSS样式float浮动样式,两种方法对div设置float样式

div设置float浮动CSS 样式

对DIV设置浮动,两种方法如下:
1、DIV标签直接使用float

<div style="float:left">div内使用style设置CSS float</div>

2、div使用class或id引入外部样式设置float

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>div float</title>
<style>
#box{ margin:0 auto; width:400px; overflow:hidden}
.left{ float:left; border:1px solid #F00}
#right{ float:right; border:2px solid #00F}
</style>
</head>
<body>
<div id="box">
<div class="left">class设置浮动</div>
<div id="right">id设置外部样式float</div>
</div>
</body>
</html>

div设置float样式示例截图

div使用id或class设置float浮动样式
div使用id或class设置float浮动样式

以上使用id和class对div设置float:left(div靠左)和float:right(div靠右)样式应用。

更新