我使用Asp.NET Mvc 3创建网页,因此我发现我的组合框(html select-option标签)在Firefox和其他浏览器(Chrome和IE)中有所不同。
我尝试手动为我的下拉列表添加高度,但效果相同。
以下是我的代码的一部分
<div id="filter-box" >
<div id="car" >
<p><label>@ViewResources.TuningStrings.GalleryFilterManufacturer</label></p>
<p>
@Html.DropDownListFor(m =>m.CarName,new List<SelectListItem>(), new{id="carnames"})
</p>
</div>
<div id="model">
<p>
<label>@ViewResources.TuningStrings.GalleryFilterModel</label>
</p>
<p>
@Html.DropDownListFor(m => m.ModelName, new List<SelectListItem>(), new { id = "models"})
</p>
</div>
<div id="year">
<p>
<label>@ViewResources.TuningStrings.GalleryFilterIssueYear</label>
</p>
<p>
@Html.DropDownListFor(m => m.Year, new List<SelectListItem>(), new { id = "years" })
</p>
</div>
</div>
所以,我的过滤按钮相对于我的下拉列表div有不同的位置,这很烦人。 错误在哪里?
答案 0 :(得分:2)
在大小方面,HTML选择在浏览器之间非常不同。这主要是由于他们看起来彼此不同的方式。这是一个标签,即使重置也难以获得精确的跨浏览器。