定位(相对定位、绝对定位)练习

原创 路侥知马力 随笔 前端代码 257阅读 2017-11-21 01:00:22 举报

定位(相对定位、绝对定位)练习

1.内容区域,划分问题(图一)
出现问题:内容区域应该分为左右结构,而我写在一个ul里边第一个li单独设置的值
解决办法:重新分为两部分,内容区域左部分右部分(图二)
最后总结:页面布局有的时候还是理不清楚,应该多加练习。

定位(相对定位、绝对定位)练习

定位(相对定位、绝对定位)练习

2.鼠标经过显示介绍内容的问题(图三)

出现问题:鼠标经过显示介绍内容模块,display:none;已经隐藏,当鼠标经过其中一个li的时候显示出来其他栏目,却怎么也显示不出来吃,原来是:hove的时候子级找错了

解决办法:鼠标经过找到对应的子集,最后显示出来。

最后总结:在练习的时候还需要多细心。

详细代码如下:html 代码

css样式代码如下

css 代码

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复