Dynamische Breite – CSS ⇐ HTML

[Guest]

Weiß jemand, ob Folgendes mit CSS erreichbar ist?

Ich möchte, dass div.title und div.spacer 100 % der Breite von div einnehmen. Zeile.

Mein Ziel ist es, ein Bedienfeld mit Registerkarten zu haben. Ich bin ziemlich nah dran, mir fällt einfach keine Möglichkeit ein, die Breite von.spacer so festzulegen, dass der verbleibende Platz in div.row ausgefüllt wird.

Hier ist ein Screenshot von dem, was ich gemacht habe Ich mache:




Hier ist Geige: http://jsfiddle.net/yux2jr1n/

Code: Select all

.row {
width: 100%;
display: block;
display: content-box;
margin: 0 auto 15px auto;
border-left: solid 2px rgba(0, 0, 0, 0.3);
border-right: solid 2px rgba(0, 0, 0, 0.3);
border-bottom: solid 2px rgba(0, 0, 0, 0.3);
border-radius: 0px 8px 8px 8px;
-moz-border-radius: 0px 8px 8px 8px;
-webkit-border-radius: 0px 8px 8px 8px;
padding-top: 2em;
padding-bottom: 2em;
text-align: left;
max-width: 1200px;
}
.tab {
margin-top: -60px;
display: content-box;
float: left;
width: 100%
}
.spacer {
border-bottom: solid 2px rgba(0, 0, 0, 0.3);
float: right;
}
.title {
border-left: solid 2px rgba(0, 0, 0, 0.3);
border-right: solid 2px rgba(0, 0, 0, 0.3);
border-top: solid 2px rgba(0, 0, 0, 0.3);
border-radius: 8px 8px 0px 0px;
-moz-border-radius: 8px 8px 0px 0px;
-webkit-border-radius: 8px 8px 0px 0px;
float: left;
width: auto;
}
.clearfix {
display: block;
clear: both;
width: 100%;
}

Code: Select all

My Work



Some Content