发表于: 2019-09-24 17:33:48

1 1121


今天完成事件

 通过解决昨天问题

知道width: calc(100% - 140px);代码

 width: calc 函数用于动态计算长度值。

光看这句话不知道是什么意思。在代码应用得到效果

代码如下:

.one-div{
floatleft;
display:flex;
justify-content:center ;
flex-directioncolumn;
height100%;
widthcalc(100% - 140px);
padding:0 0 0 20px ;
}

 这里的意思是设置宽度比100%的宽度少20px。


下拉框:

我通过伪元素来实现下拉框 

效果如下:

代码如下:

.a1{
positionabsolute;
displaynone;
positionabsolute;
background-colorwhite;
width:33% ;
font-size:12px ; color:#55a8b3;
text-aligncenter;

}


<div class="a1">
<div>上海</div>
<div>武汉</div>
<div>杭州</div>
</div>


首先 通过 display: none;隐藏  div元素,然后在通过伪元素:hover  来实现鼠标停留在那实现下拉菜单。代码如下

.a1 div:hover {
background-color:rgb(235225225);
}

 参考网址:https://www.runoob.com/css/css-dropdowns.html

通过师兄的指导 修改大量的细节上面的东西 如 头部按钮不是自适应随着视窗大小改变,以及固定25元/小时 忘记固定它不是随着视窗改变的是固定好位置不变的。师兄帮忙解决的这个固定问题通过position定位帮我固定。以及其他细节我问题已经改正。

明天计划任务7.




返回列表 返回列表
评论

    分享到