这是有问题的网站.
我需要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.