📄 htmlpage.htm
字号:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN " "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns= "http://www.w3.org/1999/xhtml ">
<head>
<meta http-equiv= "Content-Type " content= "text/html; charset=utf-8 " />
<title> div百分比高度 </title>
<style type= "text/css">
*{
margin:0px;
padding:0px;
}
html,body
{
width:100%;
height:100%;
}
div.col1
{
width:20%;
height:100%;
float:left;
background-color:#cccccc;
}
div.col2
{
width:80%;
height:100%;
float:left;
background-color:#ffffcc;
}
</style>
</head>
<body>
<div class= "col1 "> 这是第一列20%宽,100%高,左浮动
</div>
<div class= "col2 "> 这是第二列20%宽,100%高,左浮动
</div>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -