Question

日冰，

我有一个小问题，我之前已经完成了，但因为CSS行为有时候可以按时完成但下次它显示了一个错误。

正如您所看到的那样，红色区域（主要内容）不会按原样流动

我必须遗漏一些东西，但为什么不在我去杂货店时发布问题：）

正如我所说，猜测它是微不足道的......

enter link description here

Answer 1

站点栏div的宽度为20％，但两侧的边框也为1px。这2个像素被添加到20％的内部宽度，因此主div不会留下80％。

因此，将main的宽度设置为79％，或者添加：

margin: 0 -1px 0 -1px;

但是既然你给容器一个固定的宽度，为什么你要用百分比来设计呢？

Answer 2

我通过将红色容器的宽度设置为width: 79%来修复此问题。不知何故，当你设置它时会溢出，所以两者都是100％。

也许最好在这里处理像素完美并放置像素值而不是使用百分比，因为无论如何你的容器都是固定宽度。

希望对你有所帮助。

Answer 3

#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。它会起作用。

CSS：浮点数的小问题

3 个答案: