簡單實現css的div層居右的代碼
來源:程序員人生 發布時間:2014-03-23 01:40:13 閱讀次數:3353次
CSS的對齊方式對剛接觸CSS的朋友來說,比較難琢磨,有些想讓怎么對齊偏不會對齊,搞的挺煩人,其實用好Float不只是元素浮動對齊的問題,希望通過這個窗口自適應居右的對齊實例,讓CSS初學者明白其屬性的定義。
代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>css屬性實例</title>
<style>
div{
float:right;
width:400px;
height:200px;
background:#999999;
border:2px solid #000000;
}
</style>
</head>
<body>
<div>這是一個使用浮動屬性的實例</div>
</body>
</html>