takuya_1st https://blog.hatena.ne.jp/takuya_1st/ それマグで！ https://takuya-1st.hatenablog.jp/ css にCalcがあるのを教えてもらいました。 /* property: calc(expression) */ width: calc(100% - 80px); 具体的には MDNに記載があります。 四則演算が可能 MDNを見る限りでは、 width: calc(100% - 80px); width: calc(100% + 80px); width: calc(10% * 8 ); width: calc(100% / 8 ); などとと＋―×÷が可能なようですね。 長さはPxに変換された後に計算されるようです。 今後、ちょっと細いところを調べてみたいと思います。 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftakuya-1st.hatenablog.jp%2Fentry%2F2015%2F07%2F24%2F144641" title="CSSの記述を柔軟にするcalc - それマグで！" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2015-07-24 14:46:41 rich https://takuya-1st.hatenablog.jp/entry/2015/07/24/144641 1.0 100%