小编Tim*_*eck的帖子

我向左浮动并向右浮动<div>嵌套在浅蓝色框div中,如下图所示.我无法弄清楚如何在它们之间插入一条垂直线,如下图所示:

它具有以下属性:

1)我可以控制或看起来合理的任何一侧的填充/边距(即,与另一个不太接近一个div)

2)如图所示在上方和下方留下边缘,即不延伸浅蓝色div的完整垂直宽度

3)随着浏览器窗口变大/变小,蓝色框大小随之增大/减小,动态维护#1和#2

我正在寻找一个简单的,最好是仅限CSS的解决方案.

相关CSS:

#left {
  position: relative;
  float: left;
  width: 44%;
  margin: 0;
  padding: 0;
}

#right {
  position: relative;
  float: right;
  width: 49%;
  margin: 0;
  padding: 0;
}

#blue_box {
  position: relative;
  width: 45%;
  min-width: 400px;
  max-width: 600px;
  padding: 2%;
  margin-left: 40%;
  overflow: auto; /*needed so that div stretches with child divs*/
}

在下面的，

@records = ActiveRecord::Base.connection.exec_query(sql)

“sql”字符串是对返回表的数据库函数的调用。这行代码返回#<ActiveRecord::Result:0x007fd90ba87460 @columns=["zip_code", "county", ..], @rows=[[94121, "San Francisco", ..], [94110, "San Francisco", ..], ..]

我该怎么做才能让 @records 成为 ActiveRecord 关系，以便我可以使用典型的关系方法/语法，例如

@records.each do |r| r.county, r.zip_code end

我正在显示一个投票链接列表，类似于Hacker News。我想要每个链接的以下布局：

灰色框突出显示列出的每个链接的四个 div。

我需要做的关键是让“其他文本”div 与链接标题文本左对齐。

当然，我可以定义等级和箭头 div（两个小框）的宽度，然后相应地缩进另一个文本 div。但是这个实现相对于我的特定需求有一些缺点——我不会讨论——更重要的是，我觉得应该有一种更优雅的方式来实现这一点。类似于排名和箭头 div 的清晰底部，或者可能是链接标题 div 的属性，它告诉以下 div 直接出现在它的下方。

有任何想法吗？

看看,在这个快速视频中,我在我的localhost副本和Heroku上部署的应用程序之间切换:http://screencast.com/t/oD6SLXHg99k

显然两者都在同一个浏览器中.为什么会这样？

我的网站http://hivechatter.com/对于Firefox,Chrome,IE8来说非常性感,你可以这么说:

但接下来的是IE7,它将她的div很糟糕,以至于他们几乎跑掉了屏幕!无论出于何种原因,div中的内容都集中在一起.到底发生了什么事？这似乎与IE7解释左边的方式有关:百分比边距,但我无法弄清楚.

为了方便和后人的缘故,下面是我的CSS的相关部分,删除了文本格式和其他废话.#container是整个页面容器,#blue_box是主要内容框,#left和#right是蓝色框中的列,#diviv是分隔它们的白线,#links是在#blue_box下面悬停的浅蓝色导航.

#background {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -9999;
}

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}

body {
    background: no-repeat #222933;
    overflow: hidden;
}    

#container {
    position: relative;
    left: 34%;
    top: 10%;
    width: 50%;
    min-width: 450px;
    max-width: 700px;
    overflow: auto;
    padding: 0;
}

#blue_box {
    position: relative; /* so that divider has appropriate height */
    width: 94%;
    padding: 3%;
    overflow: auto; /*needed so that div stretches with child …

@ object.updated_at.localtime显示“ 2015-04-20 14:39:27 -0700”。我不想显示-0700，是否有一种方法可以去除时区以进行显示？