62,041
社区成员
发帖
与我相关
我的任务
分享两个HTML试题.会的请贴出正解.
1、有两个DIV，分别命名为 A 和B。A 在左边，最小高度是200px，宽度是 100px；B
在右边，宽度适应浏览器宽度。A 和B 上边缘水平对齐，B的高度不固定，A 的高度需要
自适应B的高度，但 A 高度最小是200px。请写出HTML 代码。
2、有一个DIV，高度是 25px，宽度是100%，DIV内部的文字是“我的居中对齐例
子”，要求用HTML+CSS制作出该DIV，并使内部文字水平居中且垂直居中对齐。
在右边，宽度适应浏览器宽度。A 和B 上边缘水平对齐，B的高度不固定，A 的高度需要
自适应B的高度，但 A 高度最小是200px。请写出HTML 代码。
2、有一个DIV，高度是 25px，宽度是100%，DIV内部的文字是“我的居中对齐例
子”，要求用HTML+CSS制作出该DIV，并使内部文字水平居中且垂直居中对齐。
...全文
请发表友善的回复…
发表回复
圣殿 2010-02-26
- 打赏
- 举报
第一题,自己修改B的高度测试
第二题
<!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=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
window.onload=function()
{
var bh = document.getElementById("B").offsetHeight;
if(bh>200)
{
document.getElementById("A").style.height=bh;
}
}
</script>
</head>
<style type="text/css">
*{
margin:0;
}
#A
{
width:100px;
float:left;
height:200px;
background:#cf9;
}
#B
{
margin-left:100px;
height:200px;
background:#ffa;
}
</style>
<body>
<div id="A">A</div>
<div id="B">B</div>
</body>
</html>第二题
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<style type="text/css">
.A{
width:100%;
height:25px;
line-height:25px;
BACKGROUND: #9ff;
}
</style>
<body>
<div class="A" align="center">asdfsadfasdfasdfsd</div>
</body>
</html>
gongsun 2010-02-26
- 打赏
- 举报
1. 让B float居左 就可以了,定义百分比。
mengfanzongfox 2010-02-26
- 打赏
- 举报
1.我很懒！不想思考了！
2。的问题
<style type="text/css">
#id2{height:25;height:60px;line-height:60px;}
</style>
<div id="id2">
<div align="center">我的居中对齐例</div>
</div>
2。的问题
<style type="text/css">
#id2{height:25;height:60px;line-height:60px;}
</style>
<div id="id2">
<div align="center">我的居中对齐例</div>
</div>
