0

これは、私の問題の背景を提供する添付画像です。http://imgur.com/bPYmAIF

div 内の div のスタイリングに問題があります。その div 内のテキストをダブルクリックすると、ハイライトが div の半分だけをハイライトしていることがわかります。

2 番目にやりたいことは、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;
    }
4

1 に答える 1

0

このようなことを試してくださいあなたのページ幅がどのようになっているかに応じて、はいの場合は終了タグを閉じることを忘れないでください

.

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

それはあなたを助けるかもしれません。

于 2013-07-02T07:17:46.883 に答える