ããã©ã«ãã®ããã¯ã¹ã¢ãã«ã§ã¯widthãheightã®å¤ã«ã¯paddingã¨borderã®å¤ãå«ã¿ã¾ããããbox-sizingããããã£ã®å¤ã«border-boxãæå®ããã¨ãwidthã¨heightã®å¤ã¯paddingã¨borderã®å¹
ãå«ãããã«ãªãã¾ãã #box-sizing{ -moz-box-sizing: border-box; box-sizing: border-box; } ç¹ã«ã³ã³ãã³ãã®å¹
ãæå®ããã¨ãããFluid Grid Systemãä½æããã¨ãã«è¨ç®ãç°¡åã«ãªãã¾ãã ä¾ãã°ä»¥ä¸ã®å³ã®ãããª4ã«ã©ã ã®Grid Systemã§2ã«ã©ã åã®ç¸å¯¾å¹
ãæ±ããã¨ãã¾ãã ããã©ã«ãã®å ´å2ã«ã©ã åã®å¹
ã¯60pxÃ2+20px=140pxãå
¨ä½ã®å¹
ã¯320pxã¨ãªãã®ã§ã140÷320Ã100=43.75%ã¨ãªãã¾ããããã«marginãpaddingã§ã¬ã¿ã¼ã®å¹
{{#tags}}- {{label}}
{{/tags}}