CSS 层的控制

来源：百度知道 编辑：UC知道 时间：2024/05/23 15:01:27
<html>
<head>
<style type="text/css">
#mydiv1 {
height:auto;postion:relative;padding:0;}
#mydiv2 {
position:relative;margin:0;}
#mydiv3 {
position:relative;margin:0;}
</style>
</head>
<body>
<div id="mydiv1">
<div id="mydiv2">
</div>
<div id="mydiv3">
</div>
</div>
</body>
</html>

如果有3个层 层1在个大的容器里作为Pagebody 层1里包含2个层 如上代码 怎么能让 包含的两个层 一个局左 一个局右 怎么写呢 请指教下谢谢

因为你div里没有内容所以要给所有的层加长宽,然后float:left;才有用

#mydiv1 {
width:100px;
padding:0;}
#mydiv2 {
width:40px;
margin:0;
float:left;}
#mydiv3 {
width:40px;
margin:0;
float:left;}

<html>
<head>
<style type="text/css">
#mydiv1 {
height:auto;postion:relative;padding:0;float:left;}
#mydiv2 {
position:relative;margin:0;float:left;}
#mydiv3 {
position:relative;margin:0;float:right;}
</style>
</head>
<body>
<div id="mydiv1">
<div id="mydiv2">
</div>
<div id="mydiv3">
</div>
</div>
</body>
</html>

层1加float:left即可。