Question

http://dev.dealercontrol.net/dealercontrol/index_comp1.html

在这个页面上我试图将一个标志浮动到副标题的左侧

<div>
              <div class="flag certified">Certified</div>
              <div class="subtitle left">Deal On 09 Black Lamborghini LP560</div>
            </div>

我似乎无法获得正确布局的标志，这样做的最佳方法是什么？另外我如何设置标志的高度以紧紧包裹它内部的文本？

Answer 1

好主人。

你已经 soooooo 在该页面上发生了很多CSS，难怪你们自己陷入困境。只需看看使用firebug的任何元素上的大量继承和重写样式。

首先关闭一个简单的float:left 将做伎俩，但只有当两个元素的组合宽度比其父容器更窄时才会起作用 - 否则会发生什么但是它会包装？

其次，您上面的代码实际上不是页面上的内容。太多容器div妨碍了 - 将两个必需元素简化并移动为同一父节点的兄弟节点并同时给出float:left。

第三，减少你的臃肿！ .clear类是纯粹的膨胀（参见here）。您实际上不需要超过2个CSS文件（全局基础和页面扩展名），因此压缩和合并您的文件。切掉尽可能多的标签选择器样式（这就是创建所有继承/忽略的堆栈，这些堆栈会让您进入难以维护的难以解密的位置）。希望在那时你有一个工作设计和一个更轻的响应页面，你可以在以后更容易调试。

Answer 2

将标志放在div中并将其浮动到左侧

<div>   
  <div class="subtitle left">
    <div class="flag certified" style="float: right">Certified</div>
    Deal On 09 Black Lamborghini LP560   
  </div>
</div>

在div旁边浮动div

2 个答案: