<!DOCTYPE html>
いくつかのプロジェクトに追加するのを忘れたので、戻って追加しました。これにより、いくつかの要素の配置/高さが台無しになりましたが、追加するpx
か%
、欠落している場所を追加することで修正できました。
しかし、私のプロジェクトの1つでは、これで問題が解決しませんでした。これがフィドルです。コンテナ全体を埋めるのはボタンの高さです。がなくてもうまく機能し<!DOCTYPE html>
ます。私は他の同様の質問を見ましたが、与えられたアドバイス(不足しているpx
または追加%
)は機能しませんでした。
ボタンのCSSは次のとおりです。
button {
padding: 0px !important;
margin: 0px !important;
height: 15% !important;
width: 25%;
display: block;
float: left;
background-color: #F8B8B8;
border: 1px solid #fee;
border-bottom: none;
border-left: none;
}
https://jsfiddle.net/tn3z9e6k/4/
.buttonrow { // created from #buttonrow
width: 100%;
padding: 0px;
margin: 0px;
height:calc(400px / 5); // total height / rows
}
button {
padding: 0px !important;
margin: 0px !important;
height: 100% !important;
width: 25%;
display: block;
float: left;
background-color: #F8B8B8;
border: 1px solid #fee;
border-bottom: none;
border-left: none;
}
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加