我有一个网页,页面左侧的链接位于左侧浮动的div中。然后,我有权利在div右侧浮动权利。我遇到的问题是,当页面调整大小时,内容会移动到链接下方。
我已经厌倦了把整个页面放在一个包装div中,但是当我这样做时,链接停止了工作,我无法将内容放在我需要的地方。
这是包装器div的css
#wrapper {
margin:0 auto 0 auto;
min-width:960px;
}
答案 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放到左边,也可以将它们放在相对的位置。