标签: positioning

有谁知道如何从下往上制作jQuery砌体堆栈？我写了一些基本的JS来自下而上堆叠东西,但是它不能像在最短的列上堆叠下一块砖和跨越多列的砖块那样做一些粗糙的东西.由于我对Math不熟悉,查看源代码只会让我头晕目眩.

有人想试试吗？

我希望从左到右移动Google Maps Javascript API中的缩放控件.如果我们离开默认设置,我们有:

如果我这样移动它:

panControl: true,
  panControlOptions: {
  position: google.maps.ControlPosition.TOP_RIGHT
},
zoomControl: true,
zoomControlOptions: {
  style: google.maps.ZoomControlStyle.LARGE,
  position: google.maps.ControlPosition.RIGHT_TOP
}

然后我们得到这个:

我也注意到如果你把它设置在左边(不是默认值),你会得到:

理想情况下,我希望它在右侧,并且与平移控件居中,就像默认设置一样,但另一方面.无论如何这样做？

请考虑这个jsfiddle,包含这个HTML代码:

<div id="container">
  <div id="item">TEST</div>
</div>

还有一些CSS:

#container {
  border: 1px solid red;
  height: 100px;
  width: 100px;
}

#item {
  border: 1px dashed purple;
  position: absolute;
  left: 50%;
}

结果让我感到惊讶.纵观W3定位的道具,我期望的#item要在"包含块"的50%,有它的价值左:中#container.但是,它似乎占整个页面的50%,而不仅仅是包含块.更令人惊讶的是:如果我告诉容器的溢出保持隐藏,"TEST"仍将存在.

所有主流浏览器(包括IE9)似乎都表现出相同的行为,因此我的期望可能不正确.那么问题是:规范的哪一部分解释了这种行为,如果有的话？

如何使用当前位置设置动画position({of:,my:,at:})？有没有办法自动化该过程,还是我必须手动设置CSS属性的动画？

我最喜欢的仅使用CSS来居中xhtml元素的等式如下:

display: block;
position: absolute;
width: _insert width here_;
left: 50%;
margin-left: _insert width divided by two & multiplied by negative one here_

还有更简单的边距:支持它的浏览器中的自动方法.有没有其他人有强大的方法来强制内容显示在其容器中心？(垂直居中的奖励积分)

编辑 - 哎呀,忘了边缘左边的'负面'部分.固定.

我想在我的页面中使用一个不占用整个屏幕的div,当它的内容溢出时使用屏幕边缘的滚动条.我知道这听起来令人困惑,所以这里有一个例子:http://www.csszengarden.com/？ cssfile = 20/20/2.css&page = 1

我会发布代码,但我不知道从哪里开始.有人可以用HTML和CSS指出我正确的方向吗？

我正在使用绝对定位让div填充整个浏览器窗口。但是，我不想将其与有时在那里且有时不在的粘性div结合使用。

为了使事情更清晰，请查看以下jsFiddle：http : //jsfiddle.net/henrikandersson/aDdRS/

我希望“顶部”，“左侧”和“子标题”始终保持不变。我还希望“内容” div填充窗口的剩余内容。但是，有时我想在“内容”之前显示“警报” div。到目前为止，一切都很好，您可以在jsFiddle中看到。但是，我希望“警报”坚持“子标题”并在滚动时停留在该位置。如您所见，如果您调整窗口大小，那么“警报”将随“内容”一起滚动-我不希望这样。

有人知道如何解决这个问题吗？

编辑：我在我的jsFiddle中进行了更改，我将“警报”放置在应有的位置（在子标题和内容区域之间）。如您所见（http://jsfiddle.net/henrikandersson/aDdRS/12），由于content-area具有top：20px，所以它不会向下推“ content-area”。而且我不能设置top：40px，因为“ alert”应该可以改变高度，并且我希望内容区域在有或没有上述警报的情况下都具有相同的css。

编辑＃2：此问题处理相同的问题，但也没有该问题的解决方案。好像不使用JavaScript是不可能的： 可变高度滚动div，相对于可变高度同级放置

如果我有2个div标签:

<div id="parentDiv">
   <div id="childDiv"><!-- other html --></div>
   <!-- parent div html -->
</div>

我希望内容<div id="childDiv">与内容重叠<!-- parent div html -->.

原因(如果这看起来像糟糕的代码设计人):我需要在谷歌网站黑客攻击的解决办法,我不能在侧栏导航添加自定义代码,只在主HTML的空间,我想浮动一个div不带任何空间并将其相对放置在侧杆上以绕过强制限制.

我可以做任何事情,除了停止childDiv占用它的混蛋主页容器中的空间.

我想DIV在中心左侧放置一个200像素.

我目前正在使用以下代码,但在更高分辨率的显示器(例如1920×1080)上,DIV正在滑出位置:

.hsonuc {
    position: absolute;  
    top: 20px; 
    margin:auto;
    margin-left:200px;
    display:none;
}

我想要实现的目标:

我已经看到这种解决方案可以均匀地间隔DIV :( 流体宽度具有相等间距的DIV)但是它要求DIV都具有相同的宽度.这在我的情况下不起作用.我有5个DIV,它们都有不同的宽度,并且想要均匀地放置它们.这可能没有JavaScript吗？

例如:

<!-- The text should not wrap, but be on one line for each div -->
<div class="item" id="item1">Item One</div>
<div class="item" id="item2">Item # Two</div>
<div class="item" id="item3">Item Three</div>
<div class="item" id="item4">Item Four</div>
<div class="item" id="item5">Item Five, the Last</div>

我需要它在IE8 +,Firefox 4 +,Chrome,Safari中工作.

编辑:另一个要求:div应该在最后一个DIV的右边或第一个DIV的左边没有空格.因此它们之间的空白等于它们的宽度之和与容器div的宽度之间的差异.