页面必须是流动的：最小宽度：940px;最大宽度：1200像素;
标题的前两部分将是固定大小：
left mIDdle right<---------><---------><-----------------> 134px 183px (Fill the remaining space)
我希望根据页面的大小改变正确的部分,我将粘贴到目前为止,但我的问题是让它完全填补空白.
HTML：
<div ><div ></div><div ></div><div ></div>
CSS：
.main{ margin:auto; min-wIDth:940px; max-wIDth:1200px; background-color:#000; } .left{ float: left; wIDth: 134px; height: 191px; background-color:#0000ff; } .mIDdle{ float: left; wIDth: 183px; height: 191px; background-color:#ffff00; } .right{ float: left; wIDth: 60%; height: 191px; background-color:#ff0000; }解决方法 试试这个： <HTML><head><Title>Three columns</Title><style type="text/CSS">div.main { background-color: #000; }div.left { float: left; wIDth: 134px; height: 191px; background-color:#0000ff; }div.mIDdle { float: left; wIDth: 183px; height: 191px; background-color:#ffff00; }div.right { height: 191px; background-color: #ff0000; margin-left: 317px; }</style></head><body><div ><div ></div><div ></div><div ></div></div></body></HTML> 总结 以上是内存溢出为你收集整理的html – CSS 3列浮动(2个固定,1个动态)全部内容，希望文章能够帮你解决html – CSS 3列浮动(2个固定,1个动态)所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）