Question

我想要一个CSS布局，两个列左边一个是40％而另一个是剩下的（60％）...但是我还希望左边的一个不比gwt小于200个像素，当浏览器调整大小时。我使用绝对定位。我的css就像这样

#LeftSection
{
    position: fixed;
    float: left;
    width: 40%;
    height: 100%;
    background-color: #CCCCCC;
}
#RightSection
{
    position: absolute;
    margin-left: 40%;
    width: 60%;
    height: 100%;
    background-color: #333333;
}

Answer 1

使用min-width和各种黑客来使其与IE一起使用（请参阅链接）。

编辑：我不应该说黑客。使用条件注释包含仅IE样式表。

Answer 2

你试过这个吗？

min-width:200px;

Answer 3

您还应该查看PPK的QuirksMode compatibility tables for CSS属性，包括min-width/height。当您遇到某些浏览器（IE6）的行为与其他浏览器不同的情况时，这将帮助您。

Answer 4

所有具有最小宽度的LeftSection解决方案都会导致两个<div />或您使用的任何块元素重叠，例如如果浏览器窗口宽度为400px，则LeftSection宽度为200px，但RightSection宽度为240px，左边距为160px，因此重叠为40px。不幸的是，CSS中没有min-margin样式，所以IIRC不可能完全避免使用你的标记重叠小浏览器窗口。

这有可能与CSS

4 个答案: