+ -
当前位置:首页 → 问答吧 → 请问Chorme如何紧贴窗口顶部,以及解决设置缩进失效问题?

请问Chorme如何紧贴窗口顶部,以及解决设置缩进失效问题?

时间:2010-09-10

来源:互联网

其实有3个问题:
1.在IE6下,页面内容可以紧贴到窗口,可是到了Chorme就不行了。
2.同上,利用text-inden,h1在IE6下正常缩进10PX,Chorme失效。
3.如何才能使#toright这个ID的文字对齐到窗口最右边呢?(这个ID是在<h1>标签里的)
哪位知道的请帮忙指点一下,谢谢!
<!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>测试</title> <style type="text/css"> body { margin:0; padding:0; background-color: #C0F4A2; } h1 { font-size: 36px; font-family: Verdana, Geneva, Arial Black, sans-serif; font-weight: 900; font-variant: normal; font-style: normal; color: #EDEDA5; background-color: #306; padding-top:10px; text-indent:10px; } #z0{font-size:32px; Text-decoration:underline; color: #C8FBEE; Line-height:0; font-style: italic; } #z1{font-size:36px;color:#C8FBEE} #z2{font-size:38px;color:#CAF7B5} #z3{font-size:40px;color:#EDED98} #z4{font-size:42px;color:#F8D896} #z5{font-size:44px;color:#F1B196} #z6{font-size:46px;color:#D69AB0} #z7{font-size:48px;color:#9CACD8} #z8{font-size:30px;color:#D2DFDD} #toright { font-size:12px; letter-spacing:4px; } img {border: 6px solid #75C7D0; } </style> </head> <body> <h1><span id="z0">Mima</span><span id="z1">1</span><span id="z2">2</span><span id="z3">3</span><span id="z4">4</span><span id="z5">5</span><span id="z6">6</span>.<span id="z8">com</span><span id="toright">测试右侧</span></h1> </body> </html>
 提示:您可以先修改部分代码再运行
[ 本帖最后由 goodhearts 于 2010-9-10 20:39 编辑 ]

作者: goodhearts   发布时间: 2010-09-10


<!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>测试</title> <style type="text/css"> body{ margin:0; padding:0; background-color: #C0F4A2; } h1 { margin:0; padding:0; font-size: 36px; font-family: Verdana, Geneva, Arial Black, sans-serif; font-weight: 900; font-variant: normal; font-style: normal; color: #EDEDA5; background-color: #306; padding-top:10px; text-indent:2em; } #z0{font-size:32px; Text-decoration:underline; color: #C8FBEE; Line-height:0; font-style: italic; } #z1{font-size:36px;color:#C8FBEE} #z2{font-size:38px;color:#CAF7B5} #z3{font-size:40px;color:#EDED98} #z4{font-size:42px;color:#F8D896} #z5{font-size:44px;color:#F1B196} #z6{font-size:46px;color:#D69AB0} #z7{font-size:48px;color:#9CACD8} #z8{font-size:30px;color:#D2DFDD} #toright { font-size:12px; letter-spacing:4px; float:right; } img {border: 6px solid #75C7D0; } </style> </head> <body> <h1><span id="z0">Mima</span><span id="z1">1</span><span id="z2">2</span><span id="z3">3</span><span id="z4">4</span><span id="z5">5</span><span id="z6">6</span>.<span id="z8">com</span><span id="toright">测试右侧</span></h1> </body> </html>
 提示:您可以先修改部分代码再运行

作者: yamanyin   发布时间: 2010-09-11