css的布局定位

最新推荐文章于 2018-09-29 23:14:32 发布

summitjava

最新推荐文章于 2018-09-29 23:14:32 发布

阅读量105

点赞数

分类专栏： html学习笔记

本文链接：https://blog.csdn.net/summitjava/article/details/82825972

版权

html学习笔记专栏收录该内容

19 篇文章 0 订阅

订阅专栏

</html>

<html>
	<head>
		<title>HTML示例</title>
		<style type="text/css">
			div{
				width:200px;
				height:100px;
				border:2px solid blue;
			}
			#div11{
			    background-color:red;
				top:80px;
				left:120px;
				position:absolute;

			}
			#div12{
			    background-color:green;
				width:250px;
				height:150px;
			}
			#div13{
			    background-color:orange;
				
			}
		</style>
	</head>
	<body>
          <div id="div11">AAAAAAAAAAAAAAAAAAAAA</div>
	      <div id="div12">bbbbbbbbbbbbbbbbbbbbb</div>
		  <div id="div13">ccccccccccccccccccccc</div>
	
	</body>
</html>
___________________________________________________________________________________
</html>

<html>
	<head>
		<title>HTML示例</title>
		<style type="text/css">
			div{
				width:200px;
				height:100px;
				border:2px solid blue;
			}
			#div11{
			    background-color:red;
			
				position:relative;
				top:80px;
				left:120px;

			}
			#div12{
			    background-color:green;
			
			}
			#div13{
			    background-color:orange;
				
			}
		</style>
	</head>
	<body>
          <div id="div11">AAAAAAAAAAAAAAAAAAAAA</div>
	      <div id="div12">bbbbbbbbbbbbbbbbbbbbb</div>
		  <div id="div13">ccccccccccccccccccccc</div>
	
	</body>
</html>

summitjava

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
css的布局定位

&lt;/html&gt;&lt;html&gt; &lt;head&gt; &lt;title&gt;HTML示例&lt;/title&gt; &lt;style type="text/css"&gt; div{ width:200px; height:100px; border:2px solid blue; } #div11{
复制链接

扫一扫

专栏目录