求让这4个按钮完美高100%宽100%显示在div中的CSS代码。注意，div的宽度是动态的。
<!doctypehtml><html><head><metacharset="utf-8"><title>无标题文档</title><style>#divYeJiao{...
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
#divYeJiao{
background:#F5F5F5;
height:55px;
width:100%;
border: solid 1px #BD771D;
}
#divYeJiao span{
display:inline-block;
border: 1px solid #360304;
height: 100%;
width: 25%;
}
</style>
</head>
<body>
<div id="divYeJiao">
<span id="btnGongDanYe" class="btnBianPingHuiSe">工单</span>
<span id="btnGengDuoYe" class="btnBianPingHuiSe">更多</span>
<span id="btnTongZhiYe" class="btnBianPingHuiSe">通知</span>
<span id="btnWoDeYe" class="btnBianPingHuiSe">我的</span>
</div>
</body>
</html> 展开
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
#divYeJiao{
background:#F5F5F5;
height:55px;
width:100%;
border: solid 1px #BD771D;
}
#divYeJiao span{
display:inline-block;
border: 1px solid #360304;
height: 100%;
width: 25%;
}
</style>
</head>
<body>
<div id="divYeJiao">
<span id="btnGongDanYe" class="btnBianPingHuiSe">工单</span>
<span id="btnGengDuoYe" class="btnBianPingHuiSe">更多</span>
<span id="btnTongZhiYe" class="btnBianPingHuiSe">通知</span>
<span id="btnWoDeYe" class="btnBianPingHuiSe">我的</span>
</div>
</body>
</html> 展开
1个回答
展开全部
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
*{
margin: 0;
padding: 0;
box-sizing: border-box;
}
#divYeJiao{
background:#F5F5F5;
height:55px;
width:100%;
font-size: 0;
border: solid 1px #BD771D;
}
#divYeJiao span{
display:inline-block;
height: 100%;
font-size: 16px;
width: 25%;
line-height: 55px;
text-align: center;
border: solid 1px #BD771D;
}
</style>
</head>
<body>
<div id="divYeJiao">
<span id="btnGongDanYe" class="btnBianPingHuiSe">工单</span>
<span id="btnGengDuoYe" class="btnBianPingHuiSe">更多</span>
<span id="btnTongZhiYe" class="btnBianPingHuiSe">通知</span>
<span id="btnWoDeYe" class="btnBianPingHuiSe">我的</span>
</div>
</body>
</html>
这样改一下，具体改的哪，自己看看吧
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
