div靠右居右-DIV CSS靠右浮動
編輯：布局基本知識
div靠右浮動-CSS樣式實現DIV盒子居右顯示
要實現盒子包括（div、span、p、h1、h2、h3）等標簽盒子靠右居右顯示浮動，需要CSS樣式為float，設置值為right(右),即使用css浮動屬性樣式float設置對象靠右靠左顯示。
一、靠右浮動CSS語法：
float:right
可以設置對象靠右浮動居右顯示
擴展相關知識閱讀：
1、css浮動
2、div浮動
3、div字體居中
4、css內容居中
5、div布局居中
二、設置DIV靠右
1、設置所有div居右浮動顯示
div{float:right}
擴展對span靠右
span{float:right}
這樣在HTML中出現的DIV就會默認被設置為靠右（float:right）
2、指定對象DIV盒子浮動靠右實例
假設HTML中一個DIV對象靠右，我們只需要對其css樣式設置float:right即可。
為了便於實踐，觀察到div是否靠右，我們CSS命名案例的CLASS應用的選擇器名為".thinkcss-right"，設置盒子css高為120px,css寬為320px，CSS邊框為紅色的1px實線邊框。
完整css+div html源代碼如下：
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>div靠右浮動案例</title>
<style>
.thinkcss-right{width:320px; height:120px;border:1px solid #F00;float:right}
/* css注釋：對thinkcss-right設置float:right即可讓對象靠右浮動 */
</style>
</head>
<body>
<div class="thinkcss-right">我在div內，DIV靠右實例</div>
</body>
</html>
靠右實例截圖：
對DIV對象設置float:right靠右用法實例截圖
這樣對DIV設置float:right浮動靠右，即可讓div靠右顯示居右顯示，如果是對span設置樣式同樣，span也會靠右顯示居右浮動顯示。
小編推薦
熱門推薦