如何用CSS定位一个DIV
<!DOCTYPEhtml><htmllang="ch-cn"><head><metacharset="utf-8"><title>chua</title><style>...
<!DOCTYPE html>
<html lang="ch-cn">
<head>
<meta charset="utf-8">
<title>chua</title>
<style>
#panel{
width: 200px;
border: green solid 2px;
}
#left1{
float:left;
height: 100px;
width: 100px;
background: #000;
color: #ffa;
}
#left2{
float:left;
height: 50px;
width: 50px;
background: #bba;
}
#left3{
float:left;
height: 30px;
width: 30px;
background: #a3a;
}
#left4{
float:left;
height: 60px;
width: 60px;
background: #a92;
}
#right1{
float:right;
height: 30px;
width: 30px;
background: #ff0;
}
#right2{
float:right;
height: 60px;
width: 70px;
background: #8f0;
}
#panel2{
width: 200px;
height: 100px;
border: green solid 1px;
}
</style>
<body>
<div id="panel">
<div id="left1">left1</div>
<div id="left2">left2</div>
<div id="left3">left3</div>
<div id="left4">left4</div>
<div id="right1">right1</div>
<div id="right2">right2</div>
</div>
<div style="clear:both;"></div>
<div id="panel2">panel2</div>
</body>
</html>
这是我代码 我已经做好浮动了，怎么把能让panel在页面某个点浮动 我这只能放在左上右上左下右下 是否需要新建立个DIV来相对定位？求代码~ 展开
<html lang="ch-cn">
<head>
<meta charset="utf-8">
<title>chua</title>
<style>
#panel{
width: 200px;
border: green solid 2px;
}
#left1{
float:left;
height: 100px;
width: 100px;
background: #000;
color: #ffa;
}
#left2{
float:left;
height: 50px;
width: 50px;
background: #bba;
}
#left3{
float:left;
height: 30px;
width: 30px;
background: #a3a;
}
#left4{
float:left;
height: 60px;
width: 60px;
background: #a92;
}
#right1{
float:right;
height: 30px;
width: 30px;
background: #ff0;
}
#right2{
float:right;
height: 60px;
width: 70px;
background: #8f0;
}
#panel2{
width: 200px;
height: 100px;
border: green solid 1px;
}
</style>
<body>
<div id="panel">
<div id="left1">left1</div>
<div id="left2">left2</div>
<div id="left3">left3</div>
<div id="left4">left4</div>
<div id="right1">right1</div>
<div id="right2">right2</div>
</div>
<div style="clear:both;"></div>
<div id="panel2">panel2</div>
</body>
</html>
这是我代码 我已经做好浮动了，怎么把能让panel在页面某个点浮动 我这只能放在左上右上左下右下 是否需要新建立个DIV来相对定位？求代码~ 展开
2个回答
展开全部
你想定在哪就给他加绝对定位 position：absolute；当然他要有参照父级元素，父级设相对定位 position: relative，现在他的父级是body，代码如下：
body{margin:0; padding:0; position:relative;}
#panel{position:absolute;top:50px; left:100px;}
意思是离开页面顶部50像素，离开左边100像素;如果不想让参照物是body的话，就给panel外面再包个盒子。
body{margin:0; padding:0; position:relative;}
#panel{position:absolute;top:50px; left:100px;}
意思是离开页面顶部50像素，离开左边100像素;如果不想让参照物是body的话，就给panel外面再包个盒子。
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
position属性可以实现你想要的效果
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
