如何用css3混合%和px计算宽度

html-css011

如何用css3混合%和px计算宽度,第1张

比如宽度为父元素的50%加上5像素:

width:calc(50% + 5px)

要注意加号(或减号)两边一定要加上空格!

再比如宽度是父元素的三分之一再减去3像素:

width:calc((100% / 3) - 3px)

乘号(或除号)两边可以不加空格,但建议最好加上!

此外必须注意这种方法属于css3标准,不是什么浏览器都适用的哦!

1、❉类似如此的字符在哪里可以找到

有多种渠道,如带特殊符号输入的输入法、word 等提供的特殊符号对话框等等,推荐可以网上搜索“符号大全”,可以找到轻松找到归类的各种特殊符号图案:

用法也比较简单,通常只需要选择想要的图案字符,复制后粘贴到指定处就可以了。

2、网页tuf-8支持吗

绝大部分都支持,可能需要设定网页的字体,如

设定 CSS:

html,body{

margin:0

over-flow:hidden

height:100%

width:100%

font-family: 'lucida grande', tahoma, verdana, arial, sans-serif

background-image: url(bg.gif)

}

设定HTML:

<meta http-equiv="Content-Type" content="text/html charset=UTF-8">