相关疑难解决方法(0)

我有一个HTML输入.

输入padding: 5px 10px;我希望它是父div的宽度的100%(这是流动的).

然而,使用width: 100%;导致输入是100% + 20px如何绕过这个？

例

我有一个视图,其中定义了一个部分:

<div id="QuestionBody">
        <p><%=ViewData.Model.Body %></p>
        <div id="QuestionEditLink"><%=Html.ActionLink ("Edit","EditQuestion","Question",new {id=Model.QuestionId},null) %></div>
        <div id="QuestionHistoryLink"><%=Html.ActionLink ("History","ShowHistory","Question",new {postId=Model.PostId,questionId=Model.QuestionId},null) %></div>  
        <div id="AnsweringUser"><a href="/Profile/Profile?userName=https%3A%2F%2Fwww.google.com%2Faccounts%2Fo8%2Fid%3Fid%3DAItOawnZ6IhK1C5cf_9wKstNNfSYIdnRp_zryW4">Answered by Sam</a></div>          
    </div>

这会生成一个带有一些文本的部分,下面会有一些链接.我希望链接彼此相邻.我是css和web开发的新手,但是将它添加到我的样式表中:

#QuestionEditLink
{
    color: #666666;
    width:auto;
    float:left;
    padding:2px;
}

#QuestionHistoryLink
{
    color: #666666;
    width:auto;
    float:left;
    padding:2px;
}

并且嘿presto链接很好地对齐.不幸的是,它们也是不可点击的,实际上光标在移动它们时也不会改变.

那我做错了什么？如何使用css将两个链接对齐,以便它们仍然可以点击？

编辑:

此行为在chrome 8.0.552.215和firefox 3.6中.它的工作方式与我在IE 8中的预期一样令人讨厌.

EDIT2:

我已将页面添加到JSBin:http://jsbin.com/odefa4/edit ,它显示了该问题.只有问题的样式并显示问题,答案的链接工作正常...

如何使我的注册字段成为这样的

我怎样才能通过CSS实现这一目标？我的意思是,我的文本框应该从标签的末尾到页面的末尾对齐......

编辑

这是我的观点部分

<div id="member-search">

<h5>Last Name:</h5>
@Html.TextBox("member-last-name")
</div>
<div>
<h5>Pass:</h5>
@Html.TextBox("member-pass")
</div>

<input type="submit" value="Search" class="button"/>
</div>

在CSS中我尝试了很多,但没有成功.宽度:自动没有帮助,我找不到解决方案.感谢帮助.