要實現html文字浮動效果光靠HTML 是不夠的還要加上CSS組合一起才行。
要用div float
float語法：
float : none | left |right
float 的基本屬性
none：不進行浮動（預設）
left：浮動在其所在的塊容器左側
right：浮動在其所在的塊容器右側
html程式碼
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>div css 設定浮動</title>
<style>
/*設定div 的盒子大小*/
div
{
width:120px;
margin:0 0 25px 30px;
padding:15px;
border:1px solid black;
text-align:center;
}
/* 設定 盒子在右邊浮動*/
.float-right {
float:right;
</style>
</head>
<body>
<div>1</div>
<div>盒子浮動在右邊 2</div>
<div>3</div>
</body>
</html>
要實現html文字浮動效果光靠HTML 是不夠的還要加上CSS組合一起才行。
要用div float
float語法：
float : none | left |right
float 的基本屬性
none：不進行浮動（預設）
left：浮動在其所在的塊容器左側
right：浮動在其所在的塊容器右側
html程式碼
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>div css 設定浮動</title>
<style>
/*設定div 的盒子大小*/
div
{
width:120px;
margin:0 0 25px 30px;
padding:15px;
border:1px solid black;
text-align:center;
}
/* 設定 盒子在右邊浮動*/
.float-right {
float:right;
}
</style>
</head>
<body>
<div>1</div>
<div>盒子浮動在右邊 2</div>
<div>3</div>
</body>
</html>