Question

我正在努力使website的底部的广告与内容保持一致（即与帖子具有相同的padding-right。）但即使将它添加到同一div后，我也无法这样做，这是我的代码，

<script class="mcolumn-pad" type="text/javascript"><!--
//ad goes here
</script>

Answer 1

将广告div放入

<div id="dynamic-content" class="outline fix">

现在它不在同一个div中，这就是为什么工作/显示异常。

Answer 2

script定义了用于运行嵌入式JavaScript代码的脚本块。您无法设置脚本块的样式。但是，您可以使用Firebug或Chrome之类的调试器来检查该脚本块生成的HTML。

看起来您的脚本块会生成一些带有ins元素的HTML：

<div id="page-main">
    ...
    <ins style="left:180px;display:inline-table;border:none;height:90px;margin:0;padding:0;position:relative;visibility:visible;width:728px">

ins元素没有class或id属性，但是它是具有id属性的div的子节点，因此使用CSS规则将其作为目标的简单方法如下：

div#page-main ins {
    left:180px;
}

我会根据您的喜好调整像素值以使其对齐。您可以通过增加像素值向右移动，然后通过减小像素值来向左移动。

Answer 3

内联CSS将高度设置为90px，但外部CSS可能会弄乱字体/行高，使得它对于90px来说太高了。

#header .outline {
  margin: 0 auto;
  position: relative;
  width: 960px;
  zoom: 1;
  z-index: 15;
  height: auto !important; /* <-- add this */
}

！important是覆盖内联样式的唯一方法。

在底部添加填充

3 个答案: