Html 我可以在一个CSS选择器中同时使用百分比(100%)和像素(-30px)吗
我正在修改Wordpress的子主题。 我正在尝试将我的H1帖子/页面标题放入一个框中,并且已经成功了 问题是。。。我需要将标题的左侧填充设置为15px,每当我这样做时,标题所在的框就会变得太宽 我将框设置为Html 我可以在一个CSS选择器中同时使用百分比(100%)和像素(-30px)吗,html,css,width,Html,Css,Width,我正在修改Wordpress的子主题。 我正在尝试将我的H1帖子/页面标题放入一个框中,并且已经成功了 问题是。。。我需要将标题的左侧填充设置为15px,每当我这样做时,标题所在的框就会变得太宽 我将框设置为宽度:100%我需要使用百分比,因为我正在修改响应主题。 但正如我想要的内部元素(H1),左填充:15px。。。所有这一切只是使宽度100%+15px,这是我不想要的 我正试图将盒子(或里面的H1)设置为100%减去15px。。。请告诉我,这可能吗? 。。。不幸的是,当我使用Firebug查
宽度: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
和另一个toz-index:1代码>,这也不起作用
感谢您阅读您需要的是CSS中的函数。针对您的具体情况,您需要执行以下操作:
h1 {
width: calc(100% - 15px);
}
也就是说,只要我正确理解了你的问题。上面所做的是将h1
标记的宽度设置为其父元素的100%,减去15px。您要查找的是CSS中的函数。针对您的具体情况,您需要执行以下操作:
h1 {
width: calc(100% - 15px);
}
也就是说,只要我正确理解了你的问题。上面所做的是将h1
标记的宽度设置为其父元素的100%,减去15px代码>
h1{
框大小:边框框;
}
我会尝试框大小:边框框代码>
h1{
框大小:边框框;
}