技术标签 TAGS
专业技术精选
- 2020-03-20非常不错的骰子案例
- 2019-05-26vscode git and gitlens中文乱码问题
- 2011-12-14什么是网站制作的web标准
- 2011-12-14上海网站建设之六大不利优化因素
DIV高度100％ position:absolute; height:100%;
第一，你给body加上height:100%;
第二，div 中需要加上position:absolute; height:100%;
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<style>
*{ margin:0; padding:0;}
body{ height:100%;}
#yin{ background: #FF6633; width:20%; position:absolute; height:100%; float:left; }
#yin1{ background: #FF6633; width:30%; top:0; left:21%; position:absolute; height:100%; float:right; }
.container{ margin:0px 0 0 5px; top:96%; position:absolute; left:0; text-align:left;width:200px; background:#ccc; padding:0px;}
</style>
</head>
<body>
<div id="yin"><div class="container"><input type="button" value="submit"><select><option value="11">6yang.net</option><option value="11">atest</option><option value="11">6yang.net</option><option value="11">atest1111</option><option value="11">ates1222t</option><option value="11">atest</option><option value="11">atest</option></select></div>
</div>
<div id="yin1">6yang.net</div>
</body></html>