Banut 850 med borrmotor. Halle, Belgien
```
CSS
```
.clear {
clear: both;
font-size: 0px;
margin: 0px;
padding: 0px;
}
.content {
position: relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
width: auto;
min-width: 220px;
margin: 0px 230px 20px 185px;
border-top:2px solid #C0C0C0;
border-left:0px solid #C0C0C0;
border-bottom:2px solid #C0C0C0;
border-right:0px solid #C0C0C0;
background-color: #FFFFC0;
color: #000000;
padding: 10px;
z-index: 3;} /* This allows the content to overlap the right menu in narrow windows in good browsers. */
/* I've heard this called the "be nice to Opera 5" rule. */
html>body #navAlfa {width: 128px;}
.content img {
position: relative;
border: 0;
float: left;
padding-right: 5px;
padding-bottom: 5px;
z-index:3;
}
```
Mvh
Jan-Olov
Permalänk: https://www.webforum.nu/p/1080766
## #5 — PepeJeria, 2003-11-17T18:31Z
Kan någon vara snäll och förklara för mig varför detta löses genom att man lägger till en tom div med clear:both efter.
Är detta ett hack? Finns det andra lösningar på detta problem?
Permalänk: https://www.webforum.nu/p/1207020
## #6 — jarvklo, 2003-11-17T20:02Z
Jupp - det är ett sorts hack...
Man inför lite lämplig html för att komplettera vad som kan och inte kan göras direkt med CSS ;)
> **realworldstyle.com skrev:**
>
> What is the div class="spacer" in there for? When you float an element with CSS, it no longer takes up any "space" and any background and/or border will show up above the images instead of surrounding them. **We need to add some content other than the floated DIVs into the container DIV to force the background or border to contain the floated elements as well**. Add this to your style sheet to take care of that:
>
>
>
> ```
> div.spacer {
> clear: both;
> }
> ```
.spacer i citatet motsvarar .clear i lösningen ovan ;)
URL: till sidan citatet hämtats ifrån: 
Banut 850 med borrmotor. Halle, Belgien
Lorem
ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh
euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi
enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit
lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure
dolor in hendrerit in vulputate velit esse molestie consequat, vel illum
dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio
dignissim qui blandit praesent luptatum zzril delenit augue duis dolore
te feugait nulla facilisi.