HTML+CSS遇到的问题点—第一篇

初学 廖佳星
文章标签: HTML隐藏盒子

这两天用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标签一个“相对定位”,不用给值,所以并不会受到影响,然后再给隐藏的子盒子一个绝对定位,之后想怎么移动都可以,也不会影响其他的盒子!

还能输出{{restrictNumber}}个字符  
  • {{reply.author}}

    {{CommonUtil.formateDate(reply.ac_CommentDate).shortTime}}
  • 回复了{{Comments.author}} :