位置：首页>> 网络编程>> JavaScript>> 两个百度WEB面试题怎么做？

两个百度WEB面试题怎么做？

　来源：经典论坛　发布时间：2010-09-03 18:40:00　

标签：百度,面试,布局,title,alt

昨天去面试，百度题果然不一样，笔试我就蒙了，现在能记住两道题，笔试：

1、title和alt 区别
2、三列布局左边裂固定宽度左对齐，右边列固定宽度右对齐，中间不固定，可以随着窗口改变而变（大概是这样的意思）

请高人指点解决，也方便大家以后能用得到。特别是2题

一、<!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>test</title><style>div{ margin:0; padding:0;}</style></head><body style="padding:0; margin:0;"><div style="padding:0 200px;"><div style="width:200px; background:red; height:200px; position:absolute; left:0;"></div><div style="width:100％; background-color:black; height:200px; position:relative;"></div><div style="width:200px; background-color:green; height:200px; position:absolute; right:0; top:0;"></div></div></body></html>

alt 元素不能显示时的替换文本。
title 元素的提示文本。

二、

三、

四、

<!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" /> <meta content="all" name="robots" /> <title>三分栏：左右两栏宽度固定，中间栏宽度自适应</title> <style type="text/css">  </style> </head> <body> <div id="wrapper"> <div id="header"> <h1>Head</h1> </div> <div id="content" class="clearfix"> <div id="left"> <h2>Left</h2> <p> 左边栏宽度固定为200px </p> </div> <div id="middle"> <div class="inner"> <h2>Middle</h2> <p> 中间栏宽度可以自适应 </p> <p> <strong>原理：</strong>利用margin的负值错别固定的宽度 </p> </div> </div> <div id="right"> <h2>Right</h2> <p> 右边栏宽度固定为200px </p> </div> </div> <div id="footer"> <h1>Footer</h1> </div> </div> </body></html>

投稿

两个百度WEB面试题 怎么做？

猜你喜欢

两个百度WEB面试题怎么做？