个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
27
4
我正在研究 CMS 模板，并尝试找出这是否可行。我在网上找不到任何东西，也许我只是使用了错误的关键字。
给出这个模型:
http://img833.imageshack.us/img833/4979/alignmentmockup.jpg
<div> #1是固定的“横幅”容器，左对齐。
<div> #2是另一个具有固定宽度的容器。它应该使用整个站点作为测量(比例 #2)居中，但不应与 <div> #1 重叠。 (规模 #1)。
问题:当浏览器窗口太小时(例如调整大小，移动浏览器)，容器与 <div> #1 重叠.根据它们的 z-index，其中一个位于另一个之上。
方法 1:两个容器都在同一个 z-index 上。 <div> #2有margin:0 auto;
但是这并不能阻止它们重叠。
方法 2:两种样式均为 position: relative; float: left; z-index: 10
但是 <div> #2不再与网站中心对齐。
由于这是我正在处理的受限模板后端，因此我无法根据需要添加其他容器。我只能访问 <body> 之间的 HTML 文件部分以及网站功能的开始。所以我只能单独添加<div> s(如 <div> #1 )但不能将它们与网站的其余部分级联(如 <div> #2 )。
感谢任何关于另一种方法的提示!
最佳答案
您的问题是 CSS 没有最小边距，您可以在 div2 上设置宽度为 div1 的最小边距。我记得不久前看过一篇关于这个的文章，发现了 Ron Adair 的一个很好的解决方案:
http://www.iamron.com/downloads/min-padding.html
完整的文章，其中介绍了更复杂的解决方案。 Ron 然后评论了他获得相同结果的更简单方法:
http://buildinternet.com/2009/10/purely-css-faking-minimum-margins
关于CSS 对齐 : horizontal blocking?，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/4184350/
27
4
0
一个屏幕上有多个横向的Recyclerview。我想在第一个水平 Recyclerview 的第一个项目上执行 espresso click 事件。请告诉我如何实现它。 onView(withId(
我目前正在为一个网站开发移动样式表，但我遇到了一个我无法解释的奇怪问题: 即使我的样式表中不再有“宽度”定义，Android 浏览器会在右侧留下大量空白区域，导致出现滚动条。 我不知道是什么原因导致的
我有一个由 graphviz 工具制作的无向图(现在我正在使用 sfdp ): digraph structs { node [shape=Mrecord, URL="index_ne
关闭。这个问题需要details or clarity .它目前不接受答案。 想改善这个问题吗？通过 editing this post 添加详细信息并澄清问题. 8年前关闭。 Improve thi
假设我有一行单元格，其中包含以下值: B2: "banana" C2: "orange" D2: "apple" 我把这个范围变成一个二维数组。我的主要代码在Word文档中: dim MySheet
我正在创建一个基于位置的提醒，EKReminder。 对于坐标，我使用 CLGeocoder 将地址转换为 CLLocation。 就提醒本身而言，我认为有两个因素决定了提醒将触发的“区域”(半径/圆
我有一个问题可以用一个很像 SO 的系统来模拟:帖子和标签。要获得我的帖子，我可能会这样做: SELECT title, body, author FROM posts WHERE id = ? 然后
我希望将结果生成到水平联合中。我能够组合在一起并生成结果。但是，我需要以预期结果格式显示结果。 SQL (SELECT kpa_id AS 'KPA', SUM(weightage) AS '
我正在研究 CMS 模板，并尝试找出这是否可行。我在网上找不到任何东西，也许我只是使用了错误的关键字。 给出这个模型: http://img833.imageshack.us/img833/4979/
我有一个 LTR 方向的 Bootstrap v4.0.0 模板，我想将整个模板更改为 RTL 方向，我使用了以下这些方法: body { direction:rtl; } html { dire
嗯，几秒钟前还好，但现在当我指向“水平”时，它总是说“水平无法解析或不是一个字段”。我已经删除了旧项目并创建了一个新项目，但仍然遇到这个问题。有人能告诉我发生了什么事吗？谢谢。我正在使用 eclips
我正在寻找一种仅在 html 表格 View 中水平或垂直滚动同时保持始终可见的标题和行的方法。最好我想要类似于 this 的东西但在没有 ember 或 coffeescript 的纯 Java
每当我需要定位某些东西使其垂直和/或水平时，我通常会求助于 flexbox，如果那不是解决方案，我会使用 position: absolute 和 top:50%; 和/或 left:50%; 与 t
我想创建一个从右向左滚动然后从左侧消失并再次从右侧重新出现的 TextView。我可以使用动画？？谢谢 最佳答案 我相信您希望您的 TextView 成为选取框。如果是这样，我就是这样做的: 在 XM
我只需要在屏幕上平行放置两个按钮(每个按钮的宽度为 50dp)。第一个应该有 margin left 10dp 并且放置没问题。 但是第二个按钮应该放置在屏幕中，并在中间(水平)向左留出 30dp 的
新的Bootstrap 三个文档explains the grid behaviour作为超小型设备的“始终水平”。这是什么意思？在小型设备上，所有列肯定会垂直堆叠在一起吗？在这里让我失望的是我(缺乏
我需要一些帮助来隐藏我的水平滚动条并仍然能够滚动。我使用过 webkit，但在 IE 和 firefox 中不起作用。我看到很多关于垂直滚动条的帮助，但不适用于水平滚动条。有帮助吗？ 更新:我创建了一
为什么不支持水平滚动？
在 examples page当您搜索(CTRL+F)图片库并单击第一张图片时，您可以使用下一个/上一个箭头浏览此图片库。它们之间的动画是垂直的——图像垂直飞行。如何让它们水平飞行？ 在我找到的帮助中
我在移动网站上使用 Owl Carousel。 当用户水平滚动然后停止时，内容立即停止移动(或停止后不久)。 是否可以添加一些惯性？ 我尝试了文档中公开的不同选项，例如 smartSpeed , fl
我是一名优秀的程序员,十分优秀！