-4

コンテナ内に2つの<div>タグがあります。1つは右に浮き、もう1つは左に浮きます。私はそれらを並べようとしていますが、問題は、右のものが左のものの下に入り、まったく浮かないことです。

http://tinkerbin.com/QuHxRQXO

4

2 に答える 2

0 
It  is working fine. I have checked except.

change
<font color= "#FFFFFF"><b>Site Contents</b>
 to
<font color= "#FFFFFF"><b>Site Contents</b></font>

<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html>
<head>
<title> new document </title>
<style type="text/css">
.subcontent{width:750px;}
.menu {
background-color :#FFD700;
float: left;
padding-bottom: 100px;
width:170px;
font-family: Verdana;
font-size: 12px;
}
.rightside {
background-color: #FFF;
float:left;
width:540;
padding-left:10px;
}
</style>
</head>
<body>
<div class="subcontent">
<div class="menu">
    <div class="submenu"  style= "background-color:#A80000; text-align:center; width:120px; padding:10px"> 
        <font color= "#FFFFFF"><b>Site Contents</b></font>
    </div>

    <h4><b>Virtual Tour</b></h4>
    <P>Explore the lab to know the insights of the new world!</p>
    <h4><b>Experiments</b></h4>
    <P>There is lot more to it that would fascinate you.</P>
    <h4>Lab History</h4>
    <P> Find out the need to make it underground.</P>
 </div>

 <div class = "rightside">
      <div id="separator" style="background-color: #A80000; height: 20px">
      </div>
          <p id="para1"> Located 2,341 feet beneath the surface in an old iron mine, the lab is deep enough that particle physics experiments see less than 100,00 times the cosmic radiation than on the surface, allowing sensitive searches for exotic particles like neutrinos and dark matter.</P>
     </div>
  </div>
 </body>
</html>
于 2012-09-24T05:28:52.140 に答える
0

このフィドルを確認してください。

あなたがあなたのdivを下に来さdivせているあなたの'sにパディングを与えているので、それは右に浮かんでいません。.rightsideにパディングを与える代わりに、div内側の要素にパディングを与えます。

pxあなたのに与える代わりにdivパーセンテージを与えます。パターンを理解するのに役立ちます。

divからパディングを削除し、以下のように内部要素にパディングを追加しました。

h4,p{padding:5px;}
于 2012-09-24T05:34:01.727 に答える