Html 我可以在一个CSS选择器中同时使用百分比(100%)和像素(-30px)吗

Html 我可以在一个CSS选择器中同时使用百分比(100%)和像素(-30px)吗,html,css,width,Html,Css,Width,我正在修改Wordpress的子主题。 我正在尝试将我的H1帖子/页面标题放入一个框中,并且已经成功了 问题是。。。我需要将标题的左侧填充设置为15px,每当我这样做时,标题所在的框就会变得太宽 我将框设置为宽度:100%我需要使用百分比,因为我正在修改响应主题。 但正如我想要的内部元素(H1),左填充:15px。。。所有这一切只是使宽度100%+15px,这是我不想要的 我正试图将盒子(或里面的H1)设置为100%减去15px。。。请告诉我,这可能吗? 。。。不幸的是,当我使用Firebug查

我正在修改Wordpress的子主题。 我正在尝试将我的H1帖子/页面标题放入一个框中,并且已经成功了

问题是。。。我需要将标题的左侧填充设置为15px,每当我这样做时,标题所在的框就会变得太宽

我将框设置为
宽度:100%我需要使用百分比,因为我正在修改响应主题。
但正如我想要的内部元素(H1),左填充
:15px。。。所有这一切只是使宽度100%+15px,这是我不想要的

我正试图将盒子(或里面的H1)设置为100%减去15px。。。请告诉我,这可能吗?

。。。不幸的是,当我使用Firebug查看页面时,我看到
h1{}
和另一个命令
.entry title、.post title{}
在HTML中似乎没有分开,如下所示:

<h1 class="entry-title post-title">Header!</h1>
标题!
我尝试将两个CSS元素中的一个设置为宽度100%,另一个设置为-15px,但都没有效果。我还尝试了一些基本的z-index,将其设置为
z-index:99
和另一个to
z-index:1,这也不起作用


感谢您阅读

您需要的是CSS中的函数。针对您的具体情况,您需要执行以下操作:

h1 {
    width: calc(100% - 15px);
}

也就是说,只要我正确理解了你的问题。上面所做的是将
h1
标记的宽度设置为其父元素的100%,减去15px。

您要查找的是CSS中的函数。针对您的具体情况,您需要执行以下操作:

h1 {
    width: calc(100% - 15px);
}

也就是说,只要我正确理解了你的问题。上面所做的是将
h1
标记的宽度设置为其父元素的100%,减去15px

h1{
框大小:边框框;
}


我会尝试
框大小:边框框

h1{
框大小:边框框;
}