使用css的HTML放置问题

这是有问题的网站.

http://www.splintercomm.net

我需要divs彼此相邻,同时保持间隔距离.

总之,我不希望它们堆叠,我希望它们并排.

body {
background-image:url('wild_oliva.png');
} 
div.container   {
overflow: hidden;
}
div.end {
border-style:solid;
border-width:1px;
background-image:url(stressed_linen.jpg);
border-radius: 15px 15px 15px 15px;
margin-bottom:auto
}
div#body {
border-style:solid;
border-width:1px;
background-image:url(stressed_linen.jpg);
border-radius: 15px 15px 15px 15px;
margin-left:20%;
overflow: hidden;
width:80%;
}
div#sidebar {
border-style:solid;
border-width:1px;
background-image:url(stressed_linen.jpg);
border-radius: 15px 15px 15px 15px;

float:left;
width:18%;
float:left;
}

最佳答案 你可以使用这个属性内联div:

display:inline-block;

注意1:您的doctype声明中有错误

<doctype html>

应该

<!doctype html>

注意2:我只在示例代码中看到一个div.

点赞