网页学习体会

  • 首页
  • 个人博客
您的位置: 首页  >  IT文章  >  左首固定 右侧自适应两栏布局

左首固定 右侧自适应两栏布局

分类: IT文章 • 2023-11-16 16:15:36
左侧固定 右侧自适应两栏布局

<!DOCTYPE html>
<html>
<head>
<style>
div{
	height:300px;
}
#demo1{
	padding-left:300px;
	background-color:black;
}
#fix-demo1{
	margin-left:-300px;
	width:300px;
	background-color:red;
	float:left;
	_margin-left:-150px;
}
#auto-width1{
	width:100%;
	background-color:yellow;
	float:left;
}
</style>
</head>
<body>
<div id="demo1">
	<div id="fix-demo1">
		my width is fixed 300
	</div>
	<div id="auto-width1">
		my width is auto
	</div>
</div>
</body>
</html>
 

相关推荐

  • 01-布局扩展-自适应两栏布局
  • CSS 两列布局 之 左侧适应,右侧固定 3种方式
  • css 两列 左侧列固定 width: 100px; float: left; 右侧列自适应 margin-left:100px; 注意要用在div上的style
  • css实现的上下两栏宽度自适应中间一栏宽度固定
  • 怎么通过 CSS 实现一个左边固定宽度、右边自适应的两列布局
  • 实现一个3列布局(左右侧固定,中间自适应宽度)
  • 关于左首固定,右边自适应布局的响应式布局写法
  • CSS两列及三列自适应布局方法整理 两列布局:左侧定宽,右侧自适应 三列布局:左右定款,中间自适应。
  • 左侧固定宽度,右侧自适应宽度的CSS布局
  • 三种实现左右固定,中间自适应的三栏布局方式
  • java解惑(谜题56到。库之谜)
  • django 筹建自己的博客
    网站免责声明 网站地图 最新文章 用户隐私 版权申明
本站所有数据收集于网络,如果侵犯到您的权益,请联系网站进行下架处理。   

Copyright © 2018-2021   Powered By 网页学习体会    备案号:   粤ICP备20002247号