要實現html文字浮動效果光靠HTML是不夠的還要加上CSS組合一起才行。
要用divfloat
float語法:
float:none|left|right
float的基本屬性
none:不進行浮動(默認)
left:浮動在其所在的塊容器左側
right:浮動在其所在的塊容器右側
html代碼
<!doctypehtml>
<html>
<head>
<metacharset="utf-8">
<title>divcss設定浮動</title>
<style>
/*設定div的盒子大小*/
div
{
width:120px;
margin:0025px30px;
padding:15px;
border:1pxsolidblack;
text-align:center;
}
/*設定盒子在右邊浮動*/
.float-right{
float:right;
}
</style>
</head>
<body>
<div>1</div>
<div>盒子浮動在右邊2</div>
<div>3</div>
</body>
</html>