栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

使div填充剩余宽度

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

使div填充剩余宽度

试试这样的事情:

<style>    #divMain { width: 500px; }    #left-div { width: 100px; float: left; background-color: #fcc; }    #middle-div { margin-left: 100px; margin-right: 100px; background-color: #cfc; }    #right-div { width: 100px; float: right; background-color: #ccf; }</style><div id="divMain">    <div id="left-div">        left div    </div>    <div id="right-div">        right div    </div>    <div id="middle-div">        middle div<br />bit taller    </div></div>

div自然会占用其容器的100%宽度,因此无需显式设置此宽度。通过添加与两侧div相同的左/右页边距,它自己的内容被强制置于它们之间。

请注意,“中间格”云 的HTML“正确的div”



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/575464.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号