html - 如何在CSS中添加带像素的视口(viewport)宽度?

标签 html css

我有一个宽度为 50vw 的 div,所有边的内边距为 25px。我需要在它的右侧添加一个元素固定,所以我需要添加 50vw 和 25px。是否可以在纯 css 中这样做,还是我应该少用?如果我必须这样做,该怎么做?

最佳答案

I need to add 50vw and 25px

这就是calc是为了。

The calc() CSS function lets you perform calculations when specifying CSS property values. It can be used anywhere a <length>, <frequency>, <angle>, <time>, <number>, or <integer> is allowed.

MDN

width:calc(50vw + 25px);

关于html - 如何在CSS中添加带像素的视口(viewport)宽度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47954608/

相关文章:

html - 使用 CSS/Angular JS 固定列和标题

javascript - 搜索引擎处理 Javascript 吗?

javascript - jQuery ui 可排序嵌套排序中不准确的占位符放置

css - 将 Bootstrap v4.0.0-alpha.3 添加到 Ember 应用程序

jquery - 返回 "auto"时如何在 IE7 中获取 css 值

html - 如何固定左列和右列以及中间部分水平滚动?

css - 将图像与文本对齐

jQuery 移动 CSS : Why aren't my items styled properly?

Android WebView 硬件呈现奇怪的 Artifact 问题

html - 基于 Zurb 的 Foundation 3.2.5 的布局和 Opera 中某些页面的额外宽度