html – CSS布局固定宽度和可变宽度在同一行
发布时间：2020-12-14 21:36:41 所属栏目：资源 来源：网络整理
导读：与表我可以轻松地有一列2列，第1列是可变宽度和列2固定宽度(以像素为单位)，列1调整大小以填充可用空间。我正在过渡到css，并想知道如何使用css..s这样做，并确保两个div /列保持在同一行，不要包装。 解决方法 !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
|
与表我可以轻松地有一列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。 （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |