程序员人生 网站导航

简单实现css的div层居右的代码

栏目:htmlcss时间:2014-03-23 01:40:13

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>
------分隔线----------------------------
------分隔线----------------------------

最新技术推荐