CSS如何在主容器外放置div，而不是移动到容器上重新调整窗口大小？
CSS如何在主容器外放置div，而不是移动到容器上重新调整窗口大小？
提问于 2011-07-09 23:38:04
我有一个共享箱(包含社交网站链接的div)，我一直在主容器外的一个固定位置使用它。我意识到，当我通过拖动边框来调整浏览器窗口的大小时，它会导致我的共享框div移到容器的顶部。
我浏览了这里的相关帖子，但我不认为它们适用于此，所以如果我在什么地方错过了它，很抱歉。
下面是这个问题的一个例子：http://metrotechpc.net/test/positionedbox.html
有没有办法，最好是用纯css(没有javascript)，使div远离容器在浏览器窗口重新调整大小，这样用户必须滚动才能看到它？
我试着给它填充，边距，不同的位置(绝对的和固定的)。
我实际上是在一个wordpress页面上用genisis_hook函数将这段代码插入到页面的顶部，所以这可能是一个问题，但让它在一个基本的html中工作，比如示例链接，将是一个很大的帮助。
谢谢
回答 1
Stack Overflow用户
回答已采纳
发布于 2011-07-09 23:54:06
您的CSS有几个问题：
#container的规则中有一个拼写错误：postition: relative;而不是position: relative;- You应将共享框div移动到容器div内。
- 将
position: absolute添加到共享框div的CSS，然后指定right: 70px使其从右边框开始。
<#container>G212
最后，在共享框的CSS中有另一个拼写错误：margin: left:20px;而不是margin-left: 20px
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/6635737
复制相关文章
相似问题
腾讯云开发者
