2 div布局问题
2 div布局问题
提问于 2012-05-04 20:09:54
我有一个网页，在左侧的div是浮动的页面左侧的链接。然后我将内容放在右边，即div浮动的右边。我遇到的问题是，当页面调整大小时，内容会移到链接下面。
我已经厌倦了将整个页面放在一个包装器div中，但是当我这样做时，链接停止工作，并且我也无法将内容定位在我需要的位置。
下面是包装器div的css
#wrapper {
margin:0 auto 0 auto;
min-width:960px;
}回答 3
Stack Overflow用户
回答已采纳
发布于 2012-05-04 20:17:42
浮动元素将以这种方式工作，因为它们不在页面流中。
您可能正在寻找的是一个fluid two column layout。
Stack Overflow用户
发布于 2012-05-04 20:16:32
我想出了解决调整窗口大小问题的最好方法就是像wordpress那样做，甚至这个网站也是这样做的:在页面周围放置balnk可调整大小的页边距，并使所有内容的宽度固定。
"Liquid“风格(带百分比等)很酷，但大多数时候看起来不太对劲，所以最好的做法是把你的页面建得比整个窗口窄一点，让不同的人来改变页边距大小。
为了做到这一点，我实际设置了html标签的样式，给它一个固定的宽度，比如1000px或其他任何东西，然后给它一个边距-左:自动；边距-右:自动；以使它始终居中。
编辑：
把这个放到你的css中
html {
width:66em;
margin-left:auto;
margin-right:auto;
}Stack Overflow用户
发布于 2012-05-04 20:18:41
主要的问题是你给了div固定的宽度，所以第一步是把div的宽度改为%或em。
首先，我甚至会创建一个没有任何内容的空白页面，只是给div一个不同的背景colo(u)r。这样做是因为你知道内容的宽度是不会干扰的。
我也会将两个div都放在左边，也许一开始我会把它们放在相对的位置。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/10448601
复制相关文章
相似问题
腾讯云开发者
