Question

这是一张附图，为我的问题提供了一些背景知识。 http://imgur.com/bPYmAIF

我无法在div中设置div。当我双击该div中的文本时，您会看到突出显示只突出显示div的一半。

我要做的第二件事是确保wysiwyg编辑器和标题div之间没有间距。

我正在使用Django-ckeditor作为文本编辑器。这是由{{form}}模板标记呈现的。（我显然在这个应用程序中使用django Web框架。）

这是我的HTML：

<div class="hero clearfix">
<div class="title">
    <h2>{{subsection_title}}</h2>
</div>
<br>
<div class="subsection">
    <div class="subsection_header ">
        <h4 style="text-align:left">Something interesting.</h4>
    </div>
    <div class="subsection_body">
    <p>lol</p>
    </div>
</div>

这是我的CSS：

 .subsection {
    width:1000px;
    margin:auto;
}
.subsection_header {
    border:1px solid #ccc;
    padding-left:20px;
    padding-right:20px;
    overflow:auto;
    margin:0px;
}
.subsection_body {
    margin:0px;
}

.hero {
    width:1000px;
    margin:auto;
    text-align:center;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
    }

Answer 1

尝试这样的事情根据您的页面宽度是如何，并记住关闭结束标记

hero clearfix
{
   position:absolute;
   width:980px;
   margin-left:-490px;
   left:50%;
}

它可能对你有所帮助。

CSS / HTML - div内部的Div没有正确放置

1 个答案: