css - 在底部添加填充

Question

我正在尝试使网站底部的广告与内容保持一致（即与帖子具有相同的内容。）但即使将其添加到相同的内容中，我也无法这样做，在这里是我的代码，padding-rightdiv

<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 是覆盖内联样式的唯一方法。