首页 > 代码库 > button标签内部嵌套div时的样式有bug(暂定的解决方案)

button标签内部嵌套div时的样式有bug(暂定的解决方案)

button标签内部嵌套div时的样式有bug

暂定解决方案,将button标签改为div标签

 

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
button{padding: 0;}
.logo_img{float: left;}
.download{float: right;}
</style>
</head>
<body style="padding:300px 0 0 200px;">
<button style="background-color: #54B333;border: none;color: white;width: 13.5em;height: 5.5em;border-radius: 0.625em;">
<span class="logo_img"><img src="http://www.mamicode.com/android_logo.jpg" ></span>

<span class="download">立即下载<span class="after"></span>开始赚钱</span>
</button>
</body>
</html>

button标签内部嵌套div时的样式有bug(暂定的解决方案)