私の問題:
CSS は、特定の div に 30 の余分なピクセルを含める必要があります。その理由を知りたいです。また、 ではなく、他の 2 つの div と一緒に偶数にしたいと思いx+30
ます。
私の解決策:
他の div と同じにするために、3 番目の div に 30 ピクセルを追加するだけです。
ここにjsFiddleがあります。
私が話している3つのCSSは次のとおりです。
.sidebar-top {
float: left;
border-top-right-radius: 12px;
border-top-left-radius: 12px;
border: 1px solid #ccc;
height: 32px;
width: 290px;
background: -webkit-linear-gradient(top, white 0%,#E8E8E8 100%);
background: linear-gradient(to bottom, white 0%,#E8E8E8 100%);
padding: 4px 15px;
}
.sidebar-middle {
float: left;
width: 290px;
padding: 5px 15px 0 15px;
border-right: 1px solid #d3d3d3;
border-left: 1px solid #d3d3d3;
background: #fff;
}
.sidebar-bottom {
background: #fff;
float: left;
height: 16px;
width: 320px;
border-bottom-right-radius: 12px;
border-bottom-left-radius: 12px;
border-right: 1px solid #d3d3d3;
border-left: 1px solid #d3d3d3;
border-bottom: 1px solid #d3d3d3;
margin-bottom: 15px;
}
私の質問/tl;dr:
他の div と同じにするために 30 ピクセルを追加する必要があるのはなぜ.sidebar-bottom
ですか?