1

Web を検索しましたが、答えが見つかりません。誰かが私を助けてくれることを願っています。

私のページでは、幅の問題により、右の列が左の列の下に押し込まれています。すべての要素の幅を変更する必要がない方法はありますか? つまり、右の列を div のどのクラスがラッパーかをオーバーラップさせますか?

私のhtmlページがあります：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>My first styled page</title>
<style type="text/css">

body {
    color: purple;
}

div.wrapper {
    width: 80%;   
    border-style:solid; 
    border-color:black;
}

 div.one {
    width: 300px;
    float: left;
    height: 300px; 
    border-style:solid;
    border-color: #0000ff;  
}

div.two {
    width: 1024px;
    border-style:solid;
    border-color:yellow ;
}

</style>
</head>
<body>
    <div class="wrapper">
        <div class="one">The left column</div>
        <div class="two">The right column</div>
    </div>
?
</body>

私のページのスクリーンショットがあります： ここに画像の説明を入力

4

2 に答える 2

0

2番目のdivスタイルをに変更してみてください

div.two {
  border-style:solid;
  border-color:yellow ;
  margin-left: 310px;
}
于 2013-05-27T21:10:51.060 に答える