2格布局问题

我有一个网页，在向左浮动的div的页面左侧向下。然后我有右边的内容，那就是右边的div。我遇到的问题是，当页面被调整大小时，内容会移到链接下方。2格布局问题

我已经厌倦把整个页面放在一个包装div，但是当我做了链接停止工作，我无法定位我需要的内容。

下面是包装DIV

#wrapper { 
    margin:0 auto 0 auto; 
    min-width:960px; 
}

2012-05-04 TheAce

jsbin ,,,,东西.......？ –

maring：0 auto;与边距相同：0 auto 0 auto; – meo

您必须使用宽度的百分比或为较小的屏幕制作响应版本。 –

浮动元素的行为以这种方式，因为他们是从页面流。

您可能正在寻找的是fluid two column layout。

2012-05-04 12:17:41

这似乎大部分工作非常感谢你的帮助 – TheAce

的CSS我想通了，走了过来窗口大小调整问题是不喜欢WordPress的，甚至这个网站做的最好的办法：把balnk可调整大小的利润率页面周围，使所有内容固定宽度。

“液体”风格（百分比等）很酷，但大多数时候看起来并不正确，所以最好的办法是将页面缩小到比整个窗口窄一些，并让不同的布局更改边距尺寸。

要做到这一点，我实际上是非常html样式givin它固定的宽度像1000px或其他任何，然后margin-left：auto;保证金右：自动;保持它始终居中。

编辑：

把这个在你的CSS

html { 

width:66em; 

margin-left:auto; 

margin-right:auto; 

}

2012-05-04 12:16:32 Onheiron

我不太确定我是否遵守。你可以提供和例如' – TheAce

看到编辑，把它放在CSS中，你会让你的内容居中在窗口中，但如果窗口被调整大小，它将不会调整大小。 – Onheiron

主要问题是，你给divs固定宽度，所以第一步是将div的宽度更改为％或em。

做这个全屏幕开始，我甚至会创建一个没有内容的空白页面，只要给div一个不同的背景colo（u）r。这样做，你知道内容的宽度没有干扰。

我也会浮动两个div到左边，也许他们相对位置开始。

2012-05-04 12:18:40

回答