负利润率左伎俩固定居中对齐的小窗口

我有一个div居中对齐这样：负利润率左伎俩固定居中对齐的小窗口

<div id="container" style="position:absolute; top:0px; left:50%; margin-left:-500px; width:1000px;"></div>

由于该解决方案Trying to center div horizontally and vertically in screen建议。

问题是，如果客户端的窗口宽度（在FF 15.0.1中试过）小于1000px，水平滚动条将不允许显示div的左侧。

是否有纯粹的html/css方式来解决它？

来源

2013-02-21 dirtv

它总是需要1000px？或者它可以是宽度：1000px;最大宽度：100％;？ – PlantTheIdea 2013-02-21 18:37:44

是的，它有必要它总是1000px宽度。 – dirtv 2013-02-21 18:39:28

然后没有。位置：绝对的;迫使它完全符合你的要求，并且身体不会展开为更大的宽度，因此无处可滚动到。 – PlantTheIdea 2013-02-21 18:41:42

嗯。您无法调整客户端窗口的大小。
1东西，你能做的就是避免左侧滚动设置父div的宽度1000px

<div id="parent" style="min-width:1000px;"> 
     <div id="container" style="position:absolute; top:0px; left:50%; 
     margin-left:-500px; width:1000px;"></div> 
    </div>

注：
您可能需要html和body标签的宽度设置为min-width=100%

更新时间：

<html style="min-width: 100%; background-color:Gray;"> 
<body style="min-width: 100%; background-color:White;"> 
<div id="parent" style="min-width: 1000px; position:relative;"> 
    <div id="container" style="position: absolute; top: 0px; left: 50%; margin-left: -500px; 
     width: 1000px; border: 1px solid red; height: 10px;"> 
     1 2 3 4 5 
    </div> 
    </div> 
</body> 
</html>

我错过了position:relative来形容。此代码正在工作。

来源

2013-02-21 19:16:27

' <体风格= “最小宽度：100％;”> \t

1 2 3 4 5

'隐而不宣似乎没有产生结果... – dirtv 2013-02-21 19:35:11

是的，这是有效的，谢谢！ – dirtv 2013-02-22 09:48:39

负利润率左伎俩固定居中对齐的小窗口

回答

相关问题