2 div布局问题

时间:2012-05-04 12:09:54

标签: css html

我有一个网页,页面左侧的链接位于左侧浮动的div中。然后,我有权利在div右侧浮动权利。我遇到的问题是,当页面调整大小时,内容会移动到链接下方。

我已经厌倦了把整个页面放在一个包装div中,但是当我这样做时,链接停止了工作,我无法将内容放在我需要的地方。

这是包装器div的css

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

3 个答案:

答案 0 :(得分:0)

我想出了重新调整窗口大小问题的最佳方法就是像wordpress一样,甚至这个网站也可以:在页面周围放置balnk可调整大小的边距并使所有内容都固定宽度。

“液体”风格(有百分数等)很酷但是大多数时候看起来并不正确,所以最好的办法是将页面缩小到比整个窗口更窄,让不同的brawsers改变边距大小

为了做到这一点,我实际上将非常html标签设置为固定宽度,如1000px或其他,然后margin-left:auto;保证金右:自动;保持它始终居中。

编辑:

把它放在你的CSS中

html {

width:66em;

margin-left:auto;

margin-right:auto;

}

答案 1 :(得分:0)

浮动元素将以这种方式运行,因为它们不在页面流中。

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

答案 2 :(得分:0)

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

开始这个全屏幕,我甚至会创建一个没有内容的空白页面,只需给div一个不同的背景颜色(u)r。这样做,因为你知道内容的宽度不会干扰。

我也会把两个div放到左边,也可以将它们放在相对的位置。