我有一個div(.contactquestion
)另一個div中(.body
)正試圖float:right
,但是當我把float:right
到.contactquestion
,它(在圖片標題)移動.nav
類下降約100px。我完全不知道爲什麼。這是我的大部分HTML,但不是我所有的CSS。如果您需要更多,我會很樂意提供。浮動:向右移動其他的div下來
浮動屬性通常做到這一點嗎?任何幫助,將不勝感激。
編輯:這裏是一切的小提琴。除非你舒展,否則中心區域會有點混亂,但目前這並不重要。 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>
請給我們提供一個小提示,以便我們看到問題並以更好的方式爲您提供幫助。 –
你有沒有使用清楚:兩者? –
我做到了。把它放在.contactquestion div後面。不幸的是沒有做任何事情。 –