Why are margin/padding percentages in CSS always calculated against width?

Comments (1)

Leftium · 19h ago

I discovered this CSS oddity while trying to figure out why my plan to use (negative) margins to create a new "effective" content box wasn't working with percent units (but worked with other units).

The best explanation seems to be in the middle of this article: https://www.aleksandrhovhannisyan.com/blog/css-aspect-ratio/...

Voyager is an interactive video generation model with realtime 3D reconstruction (github.com)

Microsoft VibeVoice: A Frontier Open-Source Text-to-Speech Model (microsoft.github.io)

John Coltrane's Tone Circle (roelsworld.eu)

Building the most accurate DIY CNC lathe in the world [video] (youtube.com)

The 16-year odyssey it took to emulate the Pioneer LaserActive (readonlymemo.com)

For all that's holy, can you just leverage the Web, please? (blog.tomayac.com)

MIT Study Finds AI Use Reprograms the Brain, Leading to Cognitive Decline (publichealthpolicyjournal.com)

How to Give a Good Talk (blog.sigplan.org)

Magic Lantern Is Back (magiclantern.fm)

With AI Boom, Dell's Datacenter Biz Is Finally Bigger Than Its PC Biz (nextplatform.com)

Kernel-hack-drill and exploiting CVE-2024-50264 in the Linux kernel (a13xp0p0v.github.io)

Dynamo AI (YC W22) Is Hiring for AI Product Managers (ycombinator.com)

Energy Dashboard (UK) (energydashboard.co.uk)

Lit: a library for building fast, lightweight web components (lit.dev)

Inside the World of "The Great British Bake Off" (newyorker.com)

Finding thousands of exposed Ollama instances using Shodan (blogs.cisco.com)

Abstract Machine Models Also: what Rust got particularly right (dr-knz.net)

%CPU utilization is a lie (brendanlong.com)

Sharing a mutable reference between Rust and Python (blog.lilyf.org)

Today, I learned that eels are fish (eocampaign1.com)

This blog is running on a recycled Google Pixel 5 (2024) (blog.ctms.me)

A staff engineer's journey with Claude Code (sanity.io)

Comic Sans typeball designed to work with the IBM Selectric typewriters (printables.com)

Amazonq.nvim: Official AWS AI Assistant Plugin for Neovim (github.com)

TPDE-LLVM: Faster LLVM -O0 Back-End (discourse.llvm.org)

Sharing Is Scaring: Linking Cloud File-Sharing to Programming Language Semantics (cs.brown.edu)

AI is going great for the blind (2023) (robertkingett.com)

We already live in social credit, we just don't call it that (thenexus.media)

Apple's Assault on Standards (infrequently.org)

The staff ate it later (en.wikipedia.org)

Google can keep its Chrome browser but will be barred from exclusive contracts (cnbc.com)

Making a Linux home server sleep on idle and wake on demand (2023) (dgross.ca)

Lisp interpreter with GC in <750 lines of Odin (and <500 lines of C) (github.com)

The Little Book of Linear Algebra (github.com)

Computing simplified coverage polygons (volkerkrause.eu)

Physically based rendering from first principles (imadr.me)

<template>: The Content Template element (developer.mozilla.org)

Introduction to Ada: a project-based exploration with rosettas (blog.adacore.com)

The Middle Earth (historytoday.com)

Static sites enable a good time travel experience (hamatti.org)

Take something you don’t like and try to like it (dynomight.net)

Chicago has the most lead pipes in the nation (grist.org)

'World Models,' an old idea in AI, mount a comeback (quantamagazine.org)

Acorn and the future of (AI?) theorem proving (lmao.bearblog.dev)

Launch HN: Datafruit (YC S25) – AI for DevOps

Untangling the myths and mysteries of Dvorak and QWERTY (2023) (aresluna.org)

You're Not Interviewing for the Job. You're Auditioning for the Job Title (idiallo.com)

Indices, not Pointers (joegm.github.io)

Triangle Grids (2022) (kvachev.com)

Toronto’s network of pedestrian tunnels (worksinprogress.news)

Why are margin/padding percentages in CSS always calculated against width?

Comments (1)