Question

我试图将我的第二个div框放在我的第一个div框中，我将如何实现..

 <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需要占据我的第一个div的25％，我该怎么做？或者我需要以另一种方式实现它吗？

Answer 1

理想情况下，你不应该像这样设计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>

http://jsbin.com/yaqovokuce/edit

我在这里更新了你的jsfiddle http://jsfiddle.net/qe81taap/

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

如何在另一个内部获得一个div？

1 个答案: