1

これは最も基本的な質問だと思います.5年間CSSをいじった後、私はそれに対する答えを知っているはずです.

divと のクラスを持つ 2 つの がpane-node-field-imageownありpane-node-field-short-place-introます。それらは、 class で div にラップされている私のページの上部にありますburr-flipped-content-inner。

HTML

<div class="burr-flipped-content-inner burr-flipped-content-region-inner panel-panel-inner">
    <div class="panel-pane pane-entity-field pane-node-field-imageown">
        <div class="panel-separator"></div>
        <div class="panel-pane pane-entity-field pane-node-field-short-place-intro">
            <div class="panel-separator"></div>
            <div class="panel-pane pane-vtiews-panes pane-og-nodes-panel-pane-2">
            </div>

クラスを持つdivでpane-node-field-imageown、左に浮かせたいと思います。

CSS

.pane-node-field-imageown
{
    float:left;
    display: inline-block;
}

inline-block最適と思われる値を追加しました。問題は、pane-node-field-short-place-introdiv を最初のブロックの右側にうまく配置することです。その背後に隠れたいようです (ただし、私のテキストは問題ないようです)。目的の動作を得る唯一の方法は、この CSS を 2 番目のブロックに追加することです。

.pane-node-field-short-place-intro {
    display: table;
    padding: 0 10px;
}

.pane-node-field-short-place-intro .pane-content {
    background: none repeat scroll 0 0 #444444;
    padding:10px;
}

これは気分が悪い。マイページはこちらから参照できます。

4

2 に答える 2

1

これを行うことができます：

.pane-node-field-short-place-intro {
padding: 3px 5px 0 20px;
overflow: hidden;
}
于 2013-05-07T03:41:15.813 に答える