帮助我们解决这个css问题并赢得2000美元
这是为CSS大师准备的：我们的技术团队仍在努力解决我们重新设计的问题，并构建一个更好的功能集（包括为使用旧浏览器和博客传统主义者的用户提供一个无JavaScript版本的网站），但有一个样式问题让我们的设计师感到困惑。
如上图所示，这个问题涉及到我们的图片和300像素的广告。问题归结为：我们的布局由一个620像素的content div组成，其中我们需要两个300像素的图像和广告列，可以左右浮动，中间有一个20像素的槽。问题在于：
当20px的槽在那里时，图像不会浮在广告旁边，所以如果一个图像出现在广告旁边的流中，它就会被推到广告下面。Gawker的设计师们正在做这个工作，他们被难住了。他们找到的唯一部分解决方案是使用空div创建垫片，但这不是我们满意的解决方案。所以
如果可能的话，第一个能为我们解决这个问题的CSS向导将获得2000美元的奖金。解决方案不应该涉及任何JavaScript或填隙片，它应该是纯CSS，并且应该包含20像素的槽，而不会弄乱图像流。
对于它应该是什么样子的想法，没有文本应该显示在上面的图像绘制的槽内，但图像和广告都应该能够并排坐在一起，两者之间没有文本，它们之间有一行文本。正如一位读者恰如其分地说的：我们不知道如何使自己变紫。如果你认为你有一个修复，满足我们的需要和标准，提交它在下面的评论。第一个提出解决方案的人会得到2000美元的赏金。
- 发表于 2021-07-25 03:44
- 阅读 ( 85 )
- 分类：互联网
你可能感兴趣的文章
microsoft edge浏览器扩展的完整列表
...督下属的健康状况。如果你是一个国防部，这套工具可以帮助你更容易地执行你的工作。不过，那些只浏览Reddit的人不需要这个。 ...
如何在linux上播放蓝光和dvd电影
... 这将安装所需的文件，但现在我们需要启用这些文件。为此，请输入以下命令： ...
11个检查、清理和优化css文件的有用工具
...生更快的网页。使用可以清除常见错误的CSS checker会有所帮助。 ...
10种最流行的在线内容管理系统
... 詹姆斯布鲁斯的手册，WordPress：你的终极指南，将帮助你开始使用这个CMS和博客工具。 ...
学习如何以有趣和互动的方式编写代码
...习。本课程的每一课将为基础课程的开发和实际应用提供帮助。 一个快速响应的网页设计课程-创建一个快速响应的网站：如果你知道HTML和CSS的基础知识，本课程将向你展示如何使你的网站移动友好，以适应任何...
如何在gmail会话线程上查看新邮件
...件，但它们提供了一个选项，可以将这些邮件放在底部。我们希望Gmail也能这样做。 但是，尽管Gmail并没有像我们希望的那样简单，但仍然有办法在Gmail中看到最新的电子邮件。 选项一：关闭对话视图 如果您不喜欢使用对话视图...
如何自定义firefox的用户界面用户浏览器.css
...人可能已经想出了如何做，并编写了代码。 以下是一些帮助您入门的资源： 示例调整来自用户浏览器.org：一个简短的列表，展示了用户浏览器.css. 经典的CSS调整：一个用户浏览器.css经典主题恢复程序扩展的作者所做的调整，...
为什么在linux上看DVD在美国是非法的
...也是一种犯罪。（然而，并非所有电子书都必须包含DRM。我们的电子书没有DRM，尽管它是通过亚马逊发布的。） 你可以在寒冷效应网站上找到更多关于DMCA及其反规避措施的信息。 视频DVD是加密的 播放商业视频DVD通常只需将其...
jawbone的新健身乐队承诺提供更多的数据，更少的问题
...以来销售最快的产品，当它去年上市时，有充分的理由-我们喜欢它在我们的审查很多。不过，不久之后，许多用户报告说，在使用了几天或几周之后，他们的Up频段就停止工作了。Jawbone承认了这个问题，向任何遇到设备问题的...
xprize希望通过技术将碳排放转化为有价值的资源
...迪斯于1995年创立的非营利性组织；它的目标是赞助旨在帮助解决重大社会需求的技术竞赛。它的其他竞赛包括清理石油泄漏的技术和-是的-一个可以帮助人们诊断自己的健康问题的星际迷航三部曲。 该基金会还致力于应对气...
0 篇文章
