这两天用html+css做网页遇到了很多问题点,这些问题平时教学时看起来是已经掌握了,但是只有在实战中才能发现问题,以下就是我遇到的问题,有些已经解决了,有些还在解决中!欢迎大家讨论问题点!
1:隐藏子盒子及悬停父盒子时显示子盒子
<div id="box">
<a>触发隐藏的box1</a>
<div id="box1">
</div>
</div>
正确方法我们都是这样隐藏box1盒子,此时a标签的内容为显示状态,悬停box盒子内容时box1盒子显示就可以了!
出错点:由于为了方便,直接用a标签套div盒子,不知道是样式过多还是由于a是内联元素的原因,无法隐藏
后改为ul li标签解决问题!
2:隐藏盒子位置出错,占位,定位不方便
例:
<div id="父盒子">
<ul>
<li class="相对定位">悬停时显示
<div>
隐藏的子盒子
</div>
</li>
</ul>
</div>
这时候可以给LI标签一个“相对定位”,不用给值,所以并不会受到影响,然后再给隐藏的子盒子一个绝对定位,之后想怎么移动都可以,也不会影响其他的盒子!