{"action":"opened","issue":{"url":"https://api.github.com/repos/angular/material/issues/1814","labels_url":"https://api.github.com/repos/angular/material/issues/1814/labels{/name}","comments_url":"https://api.github.com/repos/angular/material/issues/1814/comments","events_url":"https://api.github.com/repos/angular/material/issues/1814/events","html_url":"https://github.com/angular/material/issues/1814","id":60141489,"number":1814,"title":"layout-margin causes scrollbar when using flex values","user":{"login":"erslater","id":3407052,"avatar_url":"https://avatars.githubusercontent.com/u/3407052?v=3","gravatar_id":"","url":"https://api.github.com/users/erslater","html_url":"https://github.com/erslater","followers_url":"https://api.github.com/users/erslater/followers","following_url":"https://api.github.com/users/erslater/following{/other_user}","gists_url":"https://api.github.com/users/erslater/gists{/gist_id}","starred_url":"https://api.github.com/users/erslater/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/erslater/subscriptions","organizations_url":"https://api.github.com/users/erslater/orgs","repos_url":"https://api.github.com/users/erslater/repos","events_url":"https://api.github.com/users/erslater/events{/privacy}","received_events_url":"https://api.github.com/users/erslater/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2015-03-06T18:45:09Z","updated_at":"2015-03-06T18:45:09Z","closed_at":null,"body":"If I set flex values that total to 100 and use layout-margin it causes a scrollbar to appear.  Ideally the width should take the margin into account.\r\n\r\n    <div layout=\"row\" layout-margin>\r\n        <div flex=\"50\" style=\"border:1px solid black\">Flex 50</div>\r\n        <div flex=\"25\" style=\"border:1px solid black\">Flex 25</div>\r\n        <div flex=\"25\" style=\"border:1px solid black\">Flex 25</div>\r\n    </div>\r\n"}}