UC知道关于CSS浮动的问题
来源：百度知道 编辑：UC知道 时间：2024/07/07 10:59:14
我的代码如下：
<div class="testc">
<div class="move">
<asp:TextBox runat="server" ID="textbox1"></asp:TextBox>
</div>
</div>
CSS如下：
.testc{ width:400px; height:400px; background:gray; margin:0px; padding:0px;}
.move{ float:left; margin-left: 50px; padding:0px; background:black;}
我希望textbox往右移动50px，因为套嵌在move的div中，所以我想只需要移动move就可以了，那么给move添加了margin-left: 50px; 但是，里面的textbox居然也位移了50px，请问这是怎么回事? 因为move里面我还有加别的东西，所以不能直接在textbox里面用margin。
我也试着给textbox添加cssclass，让其margin和padding都设置为0，但是依然无效。
还望大侠指点啊
sodarfish、 怀念曾经yu两位大侠， 不成啊，感觉这个不是问题所在。
xiaozhenyu2005 ， 你好！ 用上display后，问题确实解决了，请问为什么ie里margin的效果是双倍的？为什么加了display：inline后，问题就解决了？
如能回答这个问题，再加50分好了：）
分数啦，给你100分都ok啦，最高补给分是多少？好像是50？ 能给100我就给你100啦。
能详细点么？为什么加了display：inline后，问题就解决了？
<div class="testc">
<div class="move">
<asp:TextBox runat="server" ID="textbox1"></asp:TextBox>
</div>
</div>
CSS如下：
.testc{ width:400px; height:400px; background:gray; margin:0px; padding:0px;}
.move{ float:left; margin-left: 50px; padding:0px; background:black;}
我希望textbox往右移动50px，因为套嵌在move的div中，所以我想只需要移动move就可以了，那么给move添加了margin-left: 50px; 但是，里面的textbox居然也位移了50px，请问这是怎么回事? 因为move里面我还有加别的东西，所以不能直接在textbox里面用margin。
我也试着给textbox添加cssclass，让其margin和padding都设置为0，但是依然无效。
还望大侠指点啊
sodarfish、 怀念曾经yu两位大侠， 不成啊，感觉这个不是问题所在。
xiaozhenyu2005 ， 你好！ 用上display后，问题确实解决了，请问为什么ie里margin的效果是双倍的？为什么加了display：inline后，问题就解决了？
如能回答这个问题，再加50分好了：）
分数啦，给你100分都ok啦，最高补给分是多少？好像是50？ 能给100我就给你100啦。
能详细点么？为什么加了display：inline后，问题就解决了？
.move{ float:left;display:inline;margin-left: 50px; padding:0px; background:black;}
你是用IE6看的吧,因为IE6的margin值是双倍的，所以加上display:inline，不知是不是你要的效果
呵呵,讲话算话啊,要再加50分哟.
因为margin是IE6的bug,display:inline:是在一行显示/IE7就不存在这种现象了.
ps:快给分吧,有什么困难,我一定会帮你的.
不相信你了,问题解决了,先把20分给了再说,我就快升级了.
把float:left;清理了，试试，
-----------------------------------
哈哈，楼主不厚道哈，楼下是正确答案，快给分哈
试试看：
给move 添加 position:relative;