html – 悬停如何使我的孩子边界与父边界重叠？

概述我有一个红色边框的父母。当用户徘徊在孩子身上时，我正在尝试改变孩子的边框与父母重叠。我该如何实现？ .parent{ border:1px solid red; display:inline-block;}.parent a { display:block; padding:1em; border-bottom:1px solid #ddd;}.parent a:h 我有一个红色边框的父母。当用户徘徊在孩子身上时，我正在尝试改变孩子的边框与父母重叠。我该如何实现？

.parent{  border:1px solID red;  display:inline-block;}.parent a {  display:block;  padding:1em;  border-bottom:1px solID #ddd;}.parent a:hover{  border:1px solID #ddd;}

<div >      <a href="#">1</a>      <a href="#">2</a>      <a href="#">3</a>      <a href="#">4</a>      <a href="#">5</a>    </div>

解决方法 只要你知道边框的宽度，并且能够使用相对定位…为了清楚起见，我夸大了这边的边界。

.parent {  border:5px solID red;  display:inline-block;  position: relative;}.parent a {  display:block;  padding:1em;  border-bottom:1px solID #ddd;  position: relative;}.parent a:hover{  border:5px solID #ddd;  margin: -5px;}

https://jsfiddle.net/kd0gf31z/

总结

以上是内存溢出为你收集整理的html – 悬停如何使我的孩子边界与父边界重叠？全部内容，希望文章能够帮你解决html – 悬停如何使我的孩子边界与父边界重叠？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。