问使用Rails 4接口进行敏捷web开发的困难
EN

Stack Overflow用户

提问于 2012-10-09 05:35:10

回答 1查看 381关注 0票数 1

我一直在按照书中的例子制作在线目录，在第8章任务C:目录显示中遇到了一些令人沮丧的困难。

我已经按照说明输入了样式表的代码，但与书中显示的结果相比，它创建了一个略有偏差的结果。虽然本质上是次要的和美学的，但它对我的信心有一点冲击，当我试图继续读完这本书的时候，也有一点恼人。

正如您所看到的，边框看起来有点混乱，顶部的图像覆盖了标题文本。

我已经一遍又一遍地检查代码，但似乎找不到我哪里错了。有人能给我一些线索吗？

来自application.css.scss的代码(我假设它在这里)

#banner {
    background: #9c9;
    padding: 10px;
    border-bottom: 2px solid;
    font: small-caps 40px/40px "Times New Roman", serif;
    color: #282;
    text-align: center;

    img {
        float: left;
    }
}

#notice {
    color: #000 !important;
    border: 2px solid red;
    padding: 1em;
    margin-bottom: 2em;
    background-color: #f0f0f0;
    font: bold smaller sans-serif;
}

#columns {
     background: #141;

     #main {
        margin-left: 17em;
        padding: 1em;
        background: white;
    }

    #side {
        float: left;
        padding: 1em 2em;
        width: 13em;
        background: #141;

        ul {
            padding: 0;

            li {
                list-style: none;

                a {
                    colour: #bfb;
                    font-size: small;
                }
            }
        }

    }

唯一给我提示的是sublime text 2中所有以散列开头的(#banner，# not等)都是绿色的，但#main由于某种原因不是吗？

ruby-on-rails

回答 1

Stack Overflow用户

发布于 2013-11-25 08:44:14

我也有同样的遭遇。我不确定这个问题是怎么回事，因为#banner.img应该漂浮在左边。在检查编译后的application.css时，我发现了以下内容：

#banner {
  background: #9c9;
  padding: 10px;
  border-bottom: 2px solid;
  font: small-caps 40px/40px "Times New Roman", serif;
  color: #282;
  text-align: center; }
  #banner img {
    float: left; }

如上所述，我们有一个"#banner img {“起始块，它是正确关闭的，#banner块在与'text-align: center;‘相同的行之前被正确地关闭。即使我在#banner和#banner img块之后删除了所有其他css元素，问题仍然存在。

以我有限的CSS知识，我能很快弄清楚的唯一正确定位的外观是从#banner块中删除text-align: center，并添加一些填充，或者将#banner.img的左边距设置为-400px或其他什么。它不是很优雅，功能也不是很完善(调整大小会把它搞砸)。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/12789808

复制

相似问题

问使用Rails 4接口进行敏捷web开发的困难
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用Rails 4接口进行敏捷web开发的困难EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用Rails 4接口进行敏捷web开发的困难
EN