Html 使用css访问和定位div_Html_Css

Html 使用css访问和定位div

html css

Html 使用css访问和定位div,html,css,Html,Css,我有以下带有div的html代码，其中包含4个附加div： <body> <div id="main"> <div class="one"> </div> <div class="two"> </div> <div class="three"> </div> <div class="four"> </div> &l

我有以下带有div的html代码，其中包含4个附加div：

 <body>

 <div id="main">
   <div class="one">

   </div>
   <div class="two">

   </div>
   <div class="three">

   </div>
   <div class="four">

   </div>
 </div>

 </body>

如何使用css访问内部的4个div并将它们放置在页面上

我想要的布局是这样的：

我一直在用谷歌搜索这个，但找不到任何有用的东西

谢谢

在充分理解了你的问题后，我试图给你一个答案

第{}节梅因先生{ 浮动：左；位置：绝对位置；宽度：400px；身高：100%；利润率：13%；排名：0；底部：0；左：0；右：0； } .第1节{ 宽度：40%； } .第2节{ 宽度：40%； } .第1节， .第2节{ 边际：0px；填充：0px；填充：0px 5px；浮动：左；位置：相对位置；身高：80%； } .第3节{ 填充：0px； /*边框：1px实心中交*/ 浮动：左；位置：相对位置；宽度：83%；保证金：5px 5px；身高：20%； } .第1节内-1{ 浮动：左；宽度：100%；身高：100%；边框：1px实心000000； } .第2节内-1{ 浮动：左；宽度：100%；最小高度：30%；边框：1px实心000000； } .第2节内-2{ 浮动：左；宽度：100%；最小高度：30%；边框：1px实心000000；保证金：10px 0px 0px 0px； } .第3节内-1{ 宽度：100%；浮动：左；边框：1px实心000000；宽度：100%；身高：50%； }

检查css文件或标记中的引导，您可以使用id或类选择器识别元素。这个在类名和id名之前。定义第四个内部div的样式如下所示：。四个{/*样式属性*/}；定义主div的样式可以如下所示：divmain{/*style in here*/}。请检查daeto我已经发布了一个答案，可能对您有所帮助。如果您否决了一个答案，那么您能给我一个关于否决的解释吗？