Question

我正在尝试在博客动态杂志视图的内容部分正上方添加一个新的div区域，如图所示。如何将红色区域（如图所示）放入三个区域？

我尝试在<div>标记之后和<body>标记之前插入<content>，但它不起作用。

我甚至把代码放在下面但没有用。

<div id="container" style="background:black; position:relative; clear:left; top:100px; width:100px; height:100px;">
 <table>
    <tr>
        <td> <div style="background:black;"> Content for div #1</div> </td>
        <td> <div style="background:black;"> Content for div #2</div> </td>
        <td> <div style="background:black;"> Content for div #3</div> </td>
    </tr>    
</table>

编辑：

在我的博客代码中，我已

</head>
<body>
<div class='content'>
  <div class='content-outer'>
    <div class='fauxborder-left content-fauxborder-left'>
      <div class='content-inner'>
        <div class='main-outer'>
          <div class='fauxborder-left main-fauxborder-left'>
            <div class='region-inner main-inner'>
              <div class='columns fauxcolumns'>
                <div class='column-center-outer'>
                  <div class='column-center-inner'>
                    <b:section class='main' id='main' showaddelement='no'>

Answer 1

您可以使用此代码：

{{1}}

Answer 2

Dynamic Blogger似乎从模板中删除了任何自定义html。唯一的方法是使用JavaScript和类似jQuery的东西动态插入html，例如

var divstr =“一些内容”; $（divstr）.insertAfter（ “文章报头。”）;

Answer 3

使用表格：

<div id="container">
    <table>
        <tr>
            <td> <div> Content for div #1</div> </td>
            <td> <div> Content for div #2</div> </td>
            <td> <div> Content for div #3</div> </td>
        </tr>    
    </table>    
</div>

CSS仅供参考。

table tr td div {
    background:red;
}

如何在内容正上方添加新的div区域？

3 个答案: