网站链接: HDHCMS 散文随笔
当前位置: 首页 >>前端与运营 >>CSS >>三个DIV块,两边宽度固定, 中间宽度自适应

三个DIV块,两边宽度固定, 中间宽度自适应

2019/1/10 16:37:58 0人评论 90次

三个DIV块,两边宽度固定, 中间宽度自适应…

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8" />

<title>宽度自适应布局</title>

<style>

body,div{ margin:0; padding:0;}

div{ height:200px; color:#F00;}

.left{ float:left; width:100px; background:#00f; _margin-right:-3px;}

.right{ float:right; width:100px; background:#0f0; _margin-left:-3px;}

.center{ background:#333; margin:0 100px; _margin:0 97px;}

</style>

</head>

<body>

<div class="left">left</div>

<div class="right">right</div>

<div class="center">center</div>

</body>

</html>


相关文章

CopyRight:2007-2018 语言吧 备案ICP:湘ICP备09009000号-4 http://www.yuyanba.com