我试图在一个div上放置多个div

时间:2016-01-24 18:54:43

标签: html css width center

我是HTML和CSS的新手。我试图在页面的顶部中心放置一个宽图像的div,并在宽图像的左边有另一个带有图像的div,但我需要它始终位于图像左侧和图像的左侧之间页面的边缘。

我目前有中心div ...

{
width: auto;
height: auto;
margin: 0 auto;
padding: 10px;
position: relative;
border: 1px solid black;
width: 950px;}

我现在需要另一张图像始终位于图像左侧和页面边缘之间。

position of divs

1 个答案:

答案 0 :(得分:1)

在div中有一个div很简单,你只需要为每个div分别设置一个Id,我会告诉你该怎么做。

 <head>
       <style type="text/css>
             div#div1
                 {
                     width:100%; //This is your big div for example
                 {

              div#div2
                 {
                     width:30%; //This is your big div for example
                     float: left; //this makes the div stick to the left side of the div. But the code should look something like this.
                 {
       </style>

 </head>
<body>
    <div id="div1">       
          <div id="div2">


          </div>
    </div>
</body>