W3C home > Mailing lists > Public > public-css-archive@w3.org > July 2016

Re: [csswg-drafts] [css-sizing] width: fill needs clarifications

From: Manuel Rego Casasnovas via GitHub <sysbot+gh@w3.org>
Date: Wed, 13 Jul 2016 05:00:05 +0000
To: public-css-archive@w3.org
Message-ID: <issue_comment.created-232256788-1468386004-sysbot+gh@w3.org>
> what does width: fill do that box-sizing:border-box; width: 100%; 
doesn't?

I believe they're different, for example if you have a margin on the 
element:
```html
  <div style="width: 200px;">`
    <div style="margin-left: -50px;`>item</div>`
  </div>
```

If you use `width: 100%;` on the item, it'll have a size of 200px. 
However if you use `width: fill;` it'd be 250px.
The same happens if the margin is positive `margin-left: 50px;` the 
size would be 200px (`100%`) or 150px (`fill`).

-- 
GitHub Notification of comment by mrego
Please view or discuss this issue at 
https://github.com/w3c/csswg-drafts/issues/317#issuecomment-232256788 
using your GitHub account
Received on Wednesday, 13 July 2016 05:00:17 UTC

This archive was generated by hypermail 2.4.0 : Tuesday, 5 July 2022 06:41:00 UTC