Javascript 如何将一个div放入另一个div中？_Javascript_Jquery_Html_Css

Javascript 如何将一个div放入另一个div中？

javascript jquery html css

Javascript 如何将一个div放入另一个div中？,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在尝试将我的第二个div box放入我的第一个div box中，我将如何实现这一点 <style> div { width: 400px; height:50px; padding: 25px; margin: 25px; border-style: solid; border-width: 1px; } #knob { width: 50px; height:50px; background-color: grey; } </style> &l

我正在尝试将我的第二个div box放入我的第一个div box中，我将如何实现这一点

 <style>
 div {

width: 400px;
height:50px;
padding: 25px;
margin: 25px;
border-style: solid;
border-width: 1px;
}

#knob {
width: 50px;
 height:50px;
 background-color: grey;


 }
 </style>
 </head>
 <body>
 <h1>Grade me in chrome</h1>

 <form action="">
  <input type="radio" name="angle" value="Horizontal" checked>Horizontal
  <input type="radio" name="angle" value="Vertical">Vertical


div{
宽度：400px；
高度：50px；
填充：25px；
利润率：25px；
边框样式：实心；
边框宽度：1px；
}
#旋钮{
宽度：50px；
高度：50px；
背景颜色：灰色；
}
用铬给我评分
水平的
垂直的

我的第二个div需要占我第一个div的25%，我该怎么做，还是需要用另一种方式实现它？

理想情况下，你不应该这样设计div

基于类添加类和样式

.outer-div{
    width: 400px;
    height:50px;
    padding: 25px;
    margin: 25px;
    border-style: solid;
    border-width: 1px;
}

.inner-div{
    width: 25%;
    height: auto;
    padding: 25px;
    border-style: solid;
    border-width: 1px;
}


<div class="outer-div">
<div class="inner-div"></div>

.outer div{
宽度：400px；
高度：50px；
填充：25px；
利润率：25px；
边框样式：实心；
边框宽度：1px；
}
.内分区{
宽度：25%；
高度：自动；
填充：25px；
边框样式：实心；
边框宽度：1px；
}

我已经在这里更新了你的JSFIDLE

仅当样式需要在所有元素中反映时才应使用元素选择器，否则使用类或id选择器

没有div。编写一些代码？最好创建一个too@HenryVarro好的，谢谢，我对它做了一点修改，如果可能的话，我现在需要另一个问题？问题？？请？？？？？？？？？？？？？？？