2

我的目标：我想创建一个 HTML 分区，其样式设置为距浏览器窗口的每个边缘 35 像素。另外，即使用户在浏览器中放大和缩小，并且如果浏览器最大化并且实际监视器是全屏，我也希望这个分割标签在其自身和浏览器边缘之间保持 35px 空间或宽屏显示。

视觉上：随着浏览器尺寸的变化动态调整其尺寸的矩形形状，但始终在矩形形状边缘和浏览器窗口边缘之间保持固定空间。

任何有关如何实现此目的的见解将不胜感激。如果我找到了我正在寻找的答案，我将分享一个 JS Bin 示例。

答案：http: //jsbin.com/uxomul/4/edit

4

3 回答 3

1

这可能不是最好的方法，但这是我脑海中浮现的第一件事。

.flex {
    position: absolute;
    right: 35px;
    left: 35px;
}
于 2012-08-23T20:09:49.083 回答
1

这里的 HTML 和 CSS 似乎可以满足您的需求：-

http://jsbin.com/ifolif/1/edit

于 2012-08-23T20:11:10.910 回答
1

尝试使用 100% 宽度的嵌套 div 容器

<div class="container">
<div class="content">
 will have 35px
<div>
</div>

.container{
width: 100%;
padding: 35px;
}

.container .content{
width: 100%;
}
于 2012-08-23T20:13:56.077 回答