0

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>

我似乎无法正确布局标志，最好的方法是什么？另外，如何设置标志的高度以紧紧包裹在其中的文本上？

4

2 回答 2

2

好男主。

你在那个页面上有太多的 CSS，难怪你把自己绑在了结上。只需查看带有 firebug 的任何元素上的大量继承和覆盖样式即可。

首先，一个简单的方法float:left 可以解决问题，但只有当这两个元素的组合宽度比它们的父容器窄时它才会起作用 - 否则还会发生什么但它会换行？

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

第三，减少你的臃肿！.clear类是纯粹的膨胀（见这里）。您真的不需要超过 2 个 CSS 文件（一个全局基础和一个页面扩展名），因此可以压缩和合并您的文件。尽可能多地删除标签选择器样式（这是创建所有继承/忽略堆栈的原因，这些堆栈使您处于无法维护的难以破译的位置）。希望到那时你有一个工作设计和一个更轻、响应速度更快的页面，你可以在将来更容易地调试。

于 2009-08-14T20:55:20.383 回答
0

将flag放在div里面，然后浮动到左边

<div>   
  <div class="subtitle left">
    <div class="flag certified" style="float: right">Certified</div>
    Deal On 09 Black Lamborghini LP560   
  </div>
</div>
于 2009-08-14T20:46:32.927 回答