html布局破坏div
html布局破坏div
提问于 2011-12-13 02:23:19
我不是全职的html人，但需要让这个工作(像5%)。我有如下布局，看起来像这样：
我不希望价格与顶部齐平，我在这里使用信息：Div collapse when using float。
我有：
.menu-item {
border: 1px solid green;
}
.depth-1 {
margin-left: 10px;
}
.depth-2{
margin-left: 20px;
}
.menu-item .info{
width:400px;
}
.menu-item .info .header {
border: 1px solid orange;
}
.menu-item .info .detail {
border: 1px solid red;
}
.menu-item .price {
float: right;
width: 150px;
}
<div class="menu-item">
<div class="info">
<div class="depth-1 header">wakame-hijiki seaweed salad</div>
<div class="depth-1 detail">cucumber / carrot / daikon / apple || cucumber / carrot / daikon / apple / ginger dressing || cucumber apple / ginger dressing</div>
</div>
<div class="price">9.0</div>
<div style="clear:both;height:1px;overflow:none;"></div>
</div>我如何调整布局，使价格与顶部齐平？
thx
回答 1
Stack Overflow用户
回答已采纳
发布于 2011-12-13 02:40:48
下面是一个例子。我使用背景颜色来显示div的位置，而不是笔画。只是为了确保我们的布局是正确的。
以下是您可以执行的操作的链接
http://jsfiddle.net/etienne_carre/nX2Qf/
我把info的浮动也放在了价格div的左边。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/8478980
复制相关文章
相似问题
腾讯云开发者
