300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > css2列布局 左边div宽度固定 右边div宽度自适应

css2列布局 左边div宽度固定 右边div宽度自适应

时间:2018-09-29 15:34:33

相关推荐

css2列布局 左边div宽度固定 右边div宽度自适应

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>左边div固定,右边div自适应</title>

<style>

*{

margin:0;padding:0;

}

.left{

width:200px;

height:400px;

background:red;

position:relative;

float:left;

}

.right{

position:absolute;

left:200px;

right:0;

height:400px;

background:blue;

float:right;

}

</style>

</head>

<body>

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

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

</body>

</html>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。