を他のdivを下に移動約100ピクセル下がります。なぜ私は絶対に考えていない。これは私のHTMLの大部分ですが、私のCSSのすべてではありません。あなたがもっと必要な場合は、私は提供することを嬉しく思います。フロート:右私は<code>float:right</code>しようとしている別のdiv(<code>.body</code>)の内側のdiv(<code>.contactquestion</code>)を持っていますが、私は<code>.contactquestion</code>に<code>float:right</code>を入れたときに、それは<code>.nav</code>クラス(写真の見出し)を移動
通常、floatプロパティはこれを行いますか?どんな助けもありがとう。
編集:ここにはすべてのフィドルがあります。あなたがそれを伸ばしなければ、中央領域はちょっと台無しになりますが、現時点ではそれほど重要ではありません。 https://jsfiddle.net/BTJohnson/zo6132yL/
は、ここでの問題の絵です:
.body{
width: 60%;
top: 100px;
position: relative;
margin: 0 auto;
height: 100%;
background-color: #444;
color: white;
}
.businessinquiry {
float: left;
width: 45%;
border: 1px solid black;
margin-left: 25px;
}
.contactquestion {
width: 45%;
background-color: #444;
padding: 5px;
opacity: .9;
margin-bottom: 50px;
border: 1px solid black;
float: right;
margin-right: 25px;
}
\t <div class="nav">
\t \t <ul>
\t \t \t <li class="home"><a href="BraxtonTJohnsonHome.html"><img src="../pics/Logo.png" width="50" height="50"></a></li>
\t \t \t <li class="about"><a href="BraxtonTJohnsonAbout.html">About</a></li>
\t \t \t <li class="mywork"><a href="BraxtonTJohnsonMyWork.html">My Work</a></li>
\t \t \t <li class="contact"><a class="active" href="BraxtonTJohnsonContact.html">Contact</a></li>
\t \t </ul>
\t </div>
\t <div class="body">
\t \t <div class="businessinquiry">
\t \t \t <h2>Business Inquiries</h2>
\t \t \t <p>...</p>
\t \t \t <p>...</p>
\t \t </div>
\t \t <div class="contactquestion">
\t \t \t <div class="words">
\t \t \t \t <h2>General Questions & Inquiries</h2>
\t \t \t </div>
\t \t \t <form method="post" action="../php/index.php">
\t \t \t <input class="info" name="name" placeholder="What's your name?">
\t \t \t <input class="info" name="email" type="email" placeholder="What's your email?">
\t \t \t <textarea class="message" name="message" placeholder="How can I help?"></textarea>
\t \t \t <input class="info" id="submit" name="submit" type="submit" value="Submit">
\t \t \t </form>
\t \t </div>
\t \t \t <div class="social">
\t \t \t </div>
\t </div>
私たちが問題を見て、より良い方法であなたを助けるために、私たちにフィドルを提供してください。 –
clearを使用しましたか?両方ですか? –
しました。 .contactquestion divの直後に置く。残念ながら何もしなかった。 –