当前位置：首页 → 问答吧 → position:absolute;　能通过只用　right定位吗　不写left

position:absolute;　能通过只用　right定位吗　不写left

时间：2011-10-18

来源：互联网

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="ru"> <head> <title></title> <meta http-equiv="Content-Type" content="text/html;charset=gbk"> <style type="text/css"> label {position:relative;*zoom:1;width:300px;line-height:23px;} label input {position:absolute;zoom:1; right:18px;top:0px;} </style> </head> <body> <label> 用户名称: <input name="rent" id="a1" /></label><br/> <label> 密码: <input name="eat" id="a2" /></label><br/> <label> 城市: <input name="aa" id="a3" ></label><br/> <label> 职业: <input name="bb" id="a4" /></label><br/>
提示：您可以先修改部分代码再运行

这个在ie下可以，但是ff下有问题，要写left才管用，但是left这个宽度未知

作者: yakczh 发布时间: 2011-10-18

额。。。你这个别这么写
你看下你之前那个帖子的回复。

作者: leilay 发布时间: 2011-10-18

我重新回复一次吧：
最好不用<br/>

<!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> * {padding:0; margin:0;} body {font-size:12px; font-family:Arial, Helvetica, sans-serif, MicrosoftYaHei;} ul {list-style:none;} #wrap {padding:20px;} #login ul li {padding:4px 0;} #login ul li .label {width:76px; text-align:right; display:block; float:left; line-height:24px; padding-right:8px;} #login ul li input.text {height:20px; width:160px; padding:2px 4px; border:1px solid #ddd;} #login ul li span.label {width:96px; text-align:left;} </style> </head> <body> <div id="wrap"> <div id="login"> <h2>登陆01</h2> <ul> <li><label for="a1" class="label"> 用户名称：</label><input class="text" name="rent" id="a1" /></li> <li><label for="a2" class="label"> 密码：</label><input class="text" name="eat" id="a2" /></li> <li><label for="a3" class="label"> 城市：</label><input class="text" name="aa" id="a3" /></li> <li><label for="a4" class="label"> 职业：</label><input class="text" name="bb" id="a4" /></li> </ul> <h2>登陆02</h2> <p>如果担心左边不够长可以加长，或者也可以这样左对齐。不过我不太喜欢。</p> <ul> <li><label><span class="label">用户名称：</span><input class="text" name="rent" id="b1" /></label></li> <li><label><span class="label">密码：</span><input class="text" name="eat" id="b2" /></label></li> <li><label><span class="label">城市：</span><input class="text" name="aa" id="b3" /></label></li> <li><label><span class="label">职业：</span><input class="text" name="bb" id="b4" /></label></li> </ul> </div> </div> </body> </html>
提示：您可以先修改部分代码再运行

作者: leilay 发布时间: 2011-10-18