我刚刚发现了box-sizing: border-boxCSS属性,它为我解决了一堆跨浏览器布局问题.
我现在唯一的问题是IE7似乎不支持它.有没有让IE7支持它的黑客攻击?
当我将select放入div并使用width和padding-left时,我的选项右边没有边框.更重要的是,只有当select选择宽度为118px且父级有15px的填充时,它才会发生!有人有想法,发生了什么事?
我的简单代码:
<!DOCTYPE html>
<html>
<head lang="en">
</head>
<body>
<div style="width: 1000px; padding-left: 15px;">
<select style="width: 118px;">
<option>a</option>
<option>b</option>
<option>c</option>
</select>
</div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
结果:
这是一个plunker:点击
它只发生在Windows上的firefox上.我在40.0.2版本上测试过它