我有一种感觉,这是最基本的问题,在搞了 5 年 CSS 之后,我应该知道答案了。
我有两个s和div
s 类。它们位于我页面的顶部,该页面包含在带有 class 的 div 中。pane-node-field-imageown
pane-node-field-short-place-intro
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>
对于具有pane-node-field-imageown
类的 div,我想将其浮动到左侧。
CSS
.pane-node-field-imageown
{
float:left;
display: inline-block;
}
我添加了inline-block
它似乎最适合的值。问题是让pane-node-field-short-place-intro
div 很好地坐在第一个块的右侧。它似乎想躲在它后面(尽管我的文字似乎没问题)。我可以获得所需行为的唯一方法是将此CSS添加到第二个块:
.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;
}
这感觉不对。我的页面可以在这里查看以供参考。