CSS：小问题浮动

-1

日冰，CSS：小问题浮动

我有一个小问题，从来就这么做过，但作为CSS有时it's OK表现时间但下一次它显示了一个错误。

正如你所看到的红色区域（主要内容）doesn't流，因为它应该

我必须失去了一些东西，但是当我去杂货店:)

为什么不张贴问题正如我说的，猜测it's微小的东西...

enter link description here

来源

2011-05-29 Ingþór Ingólfsson

#sidebar { 
     display:block; 
     float:left; 
     width:170px; 
     height:auto; 
     min-height:400px; 
     background:#f9f9f9; 
     border: solid 1px #eaeaea; 
     border-radius:10px; 
     -moz-border-radius:10px; 
} 

#main { display:block; float:right; width:766px; height:auto; min-height:400px; background:red; }

使用此css。它会工作。

来源

2011-05-29 16:09:37

Thanx，它诀窍:) – 2011-05-29 18:01:18

我通过你的红色容器上设置宽度width: 79%固定这一点。不知何故，当你设置它时，它会溢出，所以都是100％。

也许最好在这里使用完美的像素，并将像素值代替使用百分比，因为无论如何你的容器的宽度是固定的。

希望能帮到你。

来源

2011-05-29 16:04:32 cabaret

sitebar div的宽度为20％，但两边的边距都是1px。这2个像素被添加到20％的内部宽度，因此主div没有留下80％。

所以设置的主宽度的79％，或添加：

margin: 0 -1px 0 -1px;

但自从你给容器固定宽度，那么，为什么你的风格的百分比是多少？

来源

2011-05-29 16:09:11 NGLN

是的，我发现在这种情况下百分比样式不是一个好主意......这是之前没有发生过的原因，因为我总是使用像素刚刚看到一些教程推荐使用％有时浮动布局 – 2011-05-29 17:54:58

对于液体布局，您可以或者应该可以，但是当父容器的宽度固定时，我们不是在讨论液体布局。 – NGLN 2011-05-29 17:57:56

好的，所以在设计一个适合用户屏幕分辨率的全屏界面时更是如此呢？ – 2011-05-29 19:20:29

CSS：小问题浮动

回答

相关问题