发表于: 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来设置的记得这个问题!!!
明天的任务:把今天的问题在做一遍文字溢出隐藏 绝对定位和相对定位 背景图片的设置下拉框的设置
评论