是否有针对固定和流畅CSS列的可靠的跨浏览器解决方案?我需要在左侧固定一个柱子,在右侧固定另一个柱子.
下面是我的代码片段 – .promoImg和.promoContent浮动在一起. #recommends占浏览器宽度的90%,.promoImg需要修复为120px,我希望.promoContent能够拉伸流体.
<div class="promoBlock "> <div class="promoImg"> fixed content 300px </div> <div class="promoContent"> fluid content </div> </div>
解决方法
.promoBlock { width:90%; margin:auto; } .promoImg { width:300px; float:left; background-color:red; } .promoContent { margin-left:300px; background-color:green; }
P.S:没有得到promoblock需要修复120px.如果是这样,你的内部div更宽(300px).
原文地址:https://www.jb51.cc/css/214798.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。