html css 左右填充可以是百分比吗?

html-css06

html css 左右填充可以是百分比吗?,第1张

可以的，假如你设置左中右的display：inline-block；左右各设置20%，中间的设置60%即可；或者说，你只设置了中间的宽度为800px，左右的宽度你可以用width：calc(100% - 800px)/2注意：括号内的 “-”左右要有空格，否则不生效

1、首先，我们应该先给div设置宽度和高度，保证文字有一个范围。

2、然后通过background给div添加一张图片作为它的背景。

3、如图，通过url()来连接图片，url里面放置的就是背景图片的路径。

4、这样，保存之后文字就会覆盖在图片的上面了，而如果使用img标签，则没有这种效果。

你好，给你简单写了个例子：

<style>

.dh{clear:bothwidth:960pxheight:30pxline-height:30pxbackground:redcolor:#ffffff}

.left{float:left}

.right{float:rightwidth:100px}

</style>

<div class="dh">

<div class="left">左边</div>

<div class="right">右边宽度可调</div>

</div>