请问如何在一个大的div里横向嵌套两个小的div
我嵌套的div会换行，没有办法两个并排在一起
因为照着书上做的，所以使用CSS设置，看别的问题的代码也不太清楚怎么用
目前为止的代码如下：
</div>
<div id="content" >
<div id="rightmain" ><p>此处显示 id "rightmain" 的内容 </p> </div>
<div id="nav" >此处显示 id "nav" 的内容</div>
<p> </p>
</div>
麻烦了，谢谢
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>Test</title>
<style>
</style>
<script type="text/javascript" src="../assets/js/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
});
</script>
</head>
<body>
<div id="content">
<div id="rightmain" style="float:left;margin-right:10px;border:1px solid #ededed;">此处显示 id "rightmain" 的内容</div>
<div id="nav" style="float:left;border:1px solid #ededed;">此处显示 id "nav" 的内容</div>
<p> </p>
</div>
</body>
<head>
<meta charset="utf-8">
<title>Test</title>
<style>
</style>
<script type="text/javascript" src="../assets/js/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
});
</script>
</head>
<body>
<div id="content">
<div id="rightmain" style="float:left;margin-right:10px;border:1px solid #ededed;">此处显示 id "rightmain" 的内容</div>
<div id="nav" style="float:left;border:1px solid #ededed;">此处显示 id "nav" 的内容</div>
<p> </p>
</div>
</body>
加了float:left,这样就并排了。float:left指都靠左边浮动。
温馨提示：答案为网友推荐，仅供参考
相似回答