设置元素的left 会改变元素的大小是为什么？？？？？-CSDN论坛

⋅设置元素的left 会改变元素的大小是为什么？？？？？ ⋅eclipse 的Web Services Explorer工具有问题，求高手解决 ⋅spring 整合mybatis 事务管理 @@Transactiona 的timeout 不起作用 更多帖子 关注私信空间博客 jaedongjuly 本版专家分：0 结帖率 72.22%: <!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">

<title>Insert title here</title>
<style type="text/css">

  body{
   margin: 0px;
   padding: 0xp;
  }

ul{
margin: 0px;
padding: 0px;
}
li{
margin: 0px;
padding: 0px;
list-style-type: none;
}

#nav{
    border:1px solid orange;
width: 465px;
height: 52px;
margin: 50px auto 0 auto;
position: relative;

}
.nav_bg{

width: 85px;
height: 52px;
    position: absolute;
    background-color:red;
    left:0px;
}

#nav ul li{
/*
float: left;
width: 85px;
height: 52px;
*/
}

.white{
   border:1px solid black;
   position: absolute;
   color:orange;
   left:0px;
}
</style>
</head>
<body>
<div id="nav">
<div class="nav_bg" >
<ul class="white" >
<li>首页</li>
<li>博文列表</li>
<li>精彩相册</li>
<li>动感音乐</li>
<li>关于我</li>
</ul>
</div>
</div>
</body>

当改变 .white 的
.white{
   border:1px solid black;
   position: absolute;
   color:orange;
   left:0px;//改为 100px或-100px  元素表现的效果不一样
}

0 2015-09-11 10:40:21

回复数 6 只看楼主引用举报楼主

⋅古德的故事许久未见了。。。。烦躁。。。。 ⋅swiper 与 iframe 结合的BUG ⋅如何使swiper触摸后轮播不停止 更多帖子 关注私信空间博客 香蕉猪 本版专家分：7049: 你把ul放在了nav_bg，，，nav_bg你设置了宽度啊。。。。。我也是醉了。。。

0 2015-09-11 10:55:25

只看TA 引用举报 #1 得分 0

⋅设置元素的left 会改变元素的大小是为什么？？？？？ ⋅eclipse 的Web Services Explorer工具有问题，求高手解决 ⋅spring 整合mybatis 事务管理 @@Transactiona 的timeout 不起作用 更多帖子 关注私信空间博客 jaedongjuly 本版专家分：0: 引用 1 楼 gy127132060 的回复:
你把ul放在了nav_bg，，，nav_bg你设置了宽度啊。。。。。我也是醉了。。。

我是一个新手,不是很明白。
left是一个定位使用的属性，
可是为什么，会改变元素的大小？？？？

0 2015-09-14 12:10:40

只看TA 引用举报 #2 得分 0

jaedongjuly 本版专家分：0: 设置元素的left 会改变元素的大小是为什么？？？？？

0 2015-09-16 10:20:31

只看TA 引用举报 #3 得分 0

⋅cordova-plugin-audio-recorder-api 的录音总是闪退 ⋅有没有使用过ionic的，求助 ⋅java.io.IOException: 断开的管道 更多帖子 关注私信空间博客 纯洁袜子 本版专家分：902: 引用 3 楼 jaedongjuly 的回复:
设置元素的left 会改变元素的大小是为什么？？？？？
我想应该是你.white是相对于.nav_bg浮起来的，然后你.nav_bg元素又设置了宽度，你.white元素如果设置left：100px的话，就超出了他父级的宽度，自然就缩小了。

你给他设置left值，是要相对于他的父级元素的，你不能超出他父级元素，你子元素又没有设置宽度，当然就越级越小。

就相当于，把一个可变的盒子放在另一个不可变的盒子里，你把里面的盒子死劲往右边挤，于是越挤越小，最后小到不能再小时，就把外面的盒子挤破了，里面的盒子就跑出来了

0 2015-09-16 10:51:27

只看TA 引用举报 #4 得分 0

⋅设置元素的left 会改变元素的大小是为什么？？？？？ ⋅eclipse 的Web Services Explorer工具有问题，求高手解决 ⋅spring 整合mybatis 事务管理 @@Transactiona 的timeout 不起作用 更多帖子 关注私信空间博客 jaedongjuly 本版专家分：0: 引用 4 楼 zyb112211 的回复:
Quote: 引用 3 楼 jaedongjuly 的回复:

设置元素的left 会改变元素的大小是为什么？？？？？
我想应该是你.white是相对于.nav_bg浮起来的，然后你.nav_bg元素又设置了宽度，你.white元素如果设置left：100px的话，就超出了他父级的宽度，自然就缩小了。

你给他设置left值，是要相对于他的父级元素的，你不能超出他父级元素，你子元素又没有设置宽度，当然就越级越小。

就相当于，把一个可变的盒子放在另一个不可变的盒子里，你把里面的盒子死劲往右边挤，于是越挤越小，最后小到不能再小时，就把外面的盒子挤破了，里面的盒子就跑出来了

不好意思还是没有太明白，left我理解是定位用的？？？？
还有这段css，提问的时候这里加了注释，忘记该类
#nav ul li{
float: left;
width: 85px;
height: 52px;
}
。

0 2015-09-24 10:25:48

只看TA 引用举报 #5 得分 0

⋅cordova-plugin-audio-recorder-api 的录音总是闪退 ⋅有没有使用过ionic的，求助 ⋅java.io.IOException: 断开的管道 更多帖子 关注私信空间博客 纯洁袜子 本版专家分：902: 引用 5 楼 jaedongjuly 的回复:
Quote: 引用 4 楼 zyb112211 的回复:

Quote: 引用 3 楼 jaedongjuly 的回复:

设置元素的left 会改变元素的大小是为什么？？？？？
我想应该是你.white是相对于.nav_bg浮起来的，然后你.nav_bg元素又设置了宽度，你.white元素如果设置left：100px的话，就超出了他父级的宽度，自然就缩小了。

你给他设置left值，是要相对于他的父级元素的，你不能超出他父级元素，你子元素又没有设置宽度，当然就越级越小。

就相当于，把一个可变的盒子放在另一个不可变的盒子里，你把里面的盒子死劲往右边挤，于是越挤越小，最后小到不能再小时，就把外面的盒子挤破了，里面的盒子就跑出来了

不好意思还是没有太明白，left我理解是定位用的？？？？
还有这段css，提问的时候这里加了注释，忘记该类
#nav ul li{
float: left;
width: 85px;
height: 52px;
}
。

如果是这样子的话，就不会改变大小了啊，你已经设死了他的宽度了，你再怎么设left值他都是那么宽

0 2015-09-24 14:21:38

只看TA 引用举报 #6 得分 0