html – CSS布局固定宽度和可变宽度在同一行_html-js-css

概述与表我可以轻松地有一列2列，第1列是可变宽度和列2固定宽度(以像素为单位)，列1调整大小以填充可用空间。我正在过渡到css，并想知道如何使用css..s这样做，并确保两个div /列保持在同一行，不要包装。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD 与表我可以轻松地有一列2列，第1列是可变宽度和列2固定宽度(以像素为单位)，列1调整大小以填充可用空间。我正在过渡到CSS，并想知道如何使用CSS..s这样做，并确保两个div /列保持在同一行，不要包装。解决方法

<!DOCTYPE HTML PUBliC "-//W3C//DTD xhtml 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-Transitional.dtd"><HTML><head><style type="text/CSS">HTML,body,div { margin: 0; padding: 0; border: 0 none; }#left { margin-right: 300px; background: yellow; }#right { wIDth: 300px; float: right; background: #ccc; }</style></head><body><div ID="wrapper"><div ID="right">Fixed</div><div ID="left">Variable</div></div></body></HTML>

它具有300个像素的右列和一个可变的左列。 DOCTYPE正好在那里使得IE的行为减少。建议使用reset CSS。

总结

以上是内存溢出为你收集整理的html – CSS布局固定宽度和可变宽度在同一行全部内容，希望文章能够帮你解决html – CSS布局固定宽度和可变宽度在同一行所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址:https://www.54852.com/web/1112372.html

html – CSS布局固定宽度和可变宽度在同一行

发表评论

评论列表（0条）