ie7随机浮点偏移量
我遇到了奇怪的 ie7 浮动错误。 在我的 div 上，我向左偏移 20px；
我已经设置了一个 jsfiddle 来复制我遇到的错误。
html 代码
<div class="input-area short">
<label for="phone">Phone</label>
<br>
<input type="text" name="phone" class="fillout">
</div>
<div class="input-area short">
<label for="dob">Date of Birth</label>
<br>
<input type="text" name="dob" class="fillout">
</div>
css 代码
.input-area{
margin-top:15px;
}
.input-area.short{
float:left;
margin-right:8px;
}
.sweepstake-competition label {
color: #FFFFFF;
font-size: 10px;
}
.fillout {
background-color: #FAFBFB;
border: 1px solid #999999;
border-radius: 4px 4px 4px 4px;
height: 22px;
width: 110px;
}
I'm getting the strange ie7 float bug.
Where on my div I'm getting offset left 20px;
I've setup a jsfiddle bellow that replicates the error I'm experiencing.
html code
<div class="input-area short">
<label for="phone">Phone</label>
<br>
<input type="text" name="phone" class="fillout">
</div>
<div class="input-area short">
<label for="dob">Date of Birth</label>
<br>
<input type="text" name="dob" class="fillout">
</div>
css code
.input-area{
margin-top:15px;
}
.input-area.short{
float:left;
margin-right:8px;
}
.sweepstake-competition label {
color: #FFFFFF;
font-size: 10px;
}
.fillout {
background-color: #FAFBFB;
border: 1px solid #999999;
border-radius: 4px 4px 4px 4px;
height: 22px;
width: 110px;
}
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
使用填充代替边距。
边距与浮动发生冲突。
Used padding instead of margins.
Margins were clashing with floats.