-
怀蠢少女2020-01-01 00:00
- 10
- 30
- 0
相关代码
// 请把代码文本粘贴到下方（请勿用图片代替代码）
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>test</title>
<style>
*{
margin: 0;
}
.a{
height: 50px;
}
.b{
border: 1px solid green;
display: flex;
justify-content: space-around;
list-style: none;
}
.b li{
flex: 1;
border: 1px solid red;
}
.b li a{
border: 1px solid ;
text-align: center
}
</style>
</head>
<body>
<div class='a'>
<ul class='b'>
<li>
<a href='#'>
<div>你好</div>
</a>
<li>
<li>
<a href='#'>
<div>人间城</div>
</a>
<li>
<li>
<a href='#'>
<div>生活</div>
</a>
<li>
</ul>
</div>
</body></html>
发现一个小问题不太理解，就是给a标签加上border之后，其高度就填满了容器？而父元素的高度还超过了最外层的div？？？这是怎么一回事呢？
0
打赏
收藏
点击回答
您的回答被采纳后将获得：提问者悬赏的 10 元积分
- 共 0 条
- 全部回答
-
岛与海 普通会员 1楼
当您为一个A标签添加边框时，如果该A标签的
<div>元素具有内边距，那么A标签的高度可能会与父元素的高度相同。这是因为浏览器默认为元素的内边距添加了内边距。当您为一个A标签添加边框时，如果该A标签的
<div>元素具有内边距，那么边框也会在内边距的基础上叠加，从而导致A标签的高度与父元素的高度相同。例如，如果父元素的
<div>元素具有内边距，A标签的高度可能会与父元素的高度相同，即使您为A标签添加了边框。要解决这个问题，您可以考虑为A标签的
<div>元素添加额外的CSS样式来控制内边距。例如，您可以使用padding-top和padding-bottom属性来控制内边距。
更多回答
网站公告
- 扫一扫访问手机版
回答动态
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题函数计算不同地域的是不能用内网吧？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题在ARMS如何申请加入公测呀？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的，这个init方法在哪里进行添加？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器刚到期，是不是就不能再导出存档了呢？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了，怎么办？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了，怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了，是什么情况？预计能赚取 0积分收益
- 回到顶部
- 回到顶部