发表于: 2019-04-04 21:27:31

1 804


今天完成的事:任务6做出来了。

问题1 .绝对固定的问题,在写下拉框的时候要用到绝对定位怎么也搞不懂定位的问题,在呢边搞了半天就是搞不懂

师兄告诉我说:“position:absolute属于绝对定位用了这个属性以后,这个标签会脱离父属性的限制,相当于以浏览器100%为基础所以要设置为33.33%


当取消了position以后,”出现这种效果

所以下拉框要必须要用到绝对定位这个属性还有这俩个值得意思text-align:center 是文字水平居中对齐

width:33.33%是一个大的DIV平均分成3份所以每个子元素占父元素的1/3

在写网页的时候图片中的日期会随着浏览器的宽度变化而变化,根据UI图 是不允许变化的自己找不到问题,

后来才发现是padding margin的值给的事%所以才会造成这样的BUG

还有hover标签属性 这个标签的意识是当 hover是个选择器这个图片的意思是

当选中.YS这个样式的时候进入ul-ys样式是块状元素

做这张图片的时候,我本来用的是flex  需要让它做到UI图的效果

我给的是padding  给的值太大了对了,在给padding的时候我也是用的%所以也一直出bug,最后师兄说可以用一个盒子包裹给一个右浮动,就好了

最后用的右浮动完成了UI图的效果还有<ul>标签消除钱小点的样式list-style:none 可以消除ul  ol 标签前面的. 和数字123

还有UL标签自带的padding属性 给一个padding:0可以解决这个问题还有很多问题没看今天一天在梦游 文字溢出的隐藏 背景图片怎么用position

属性是用left right top bottom来设置的记得这个问题!!!

明天的任务:把今天的问题在做一遍文字溢出隐藏 绝对定位和相对定位 背景图片的设置下拉框的设置




返回列表 返回列表
评论

    分享到