发表于: 2018-09-03 22:16:47
1 743
今天完成的事情:提交任务12。
明天的计划:继续。
遇到的问题:任务十二页面一里面底部换行设置的问题,最终效果如图:
思路是把右边设置为block元素,所以用p包裹文字,另外设置为absolute,宽度的设置用calc()计算。但是后来发现less和calc()有冲突,百度里一下,less里面写calc(100%-93px)需要加波浪号和引号,所以最终写法如下:
p {
position: absolute;
top:0;
left:93px;
width: calc(~"100% - 93px");
width: -moz-calc(~"100% - 93px");
width: -webkit-calc(~"100% - 93px");
}
收获:calc() css预处理 块级元素和行内元素。
评论