gpt4 book ai didi

html - CSS Div 隐藏在页脚下

转载 作者:可可西里 更新时间:2023-11-01 13:13:04 25 4
gpt4 key购买 nike

我正在使用此 CSS 代码并排显示 2 个 div:

#contactus-menu {
width:20%;
float:left;
display:inline;
}
#contactus-main {
width:75%;
float:right;
display:inline;
}

然后是我的 HTML:

<div id="contactus-menu"><?php include 'contact-us/locations.php'; ?></div>

<div id="contactus-main">
<div id="contactus-title">Leigh-on-Sea, Essex</div>

<div id="contactus-bar">Sales</div>

<div id="contactus-bar-sub">
<strong>Telephone: </strong><?php echo $main_phone_number; ?> (Option 1)
</div>

<div id="contactus-bar-sub">
<strong>Email: </strong>sales@domain.co.uk
<p>&nbsp;</p><p>&nbsp;</p>
<form method="post" action="main.php">
<input name="name" type="text" id="name" onFocus="if(this.value=='Full Name'){this.value=''}" onBlur="if(this.value==''){this.value='Full Name'}" value="Full Name" size="30" />
<br /><br />
<input name="email" type="text" id="email" onFocus="if(this.value=='Email Address'){this.value=''}" onBlur="if(this.value==''){this.value='Email Address'}" value="Email Address" size="30" />
<br /><br />
<input name="phone" type="text" id="phone" onFocus="if(this.value=='Phone Number'){this.value=''}" onBlur="if(this.value==''){this.value='Phone Number'}" value="Phone Number" size="30" />
<br /><br />
<textarea name="message" cols="30" rows="6" id="message" onFocus="if(this.value=='Message'){this.value=''}" onBlur="if(this.value==''){this.value='Message'}">Message</textarea>
<br /><br />
<input type="submit" name="submit" id="submit" value="Send Message" /><br />
</form>
</div>

<div id="contactus-bar-sub">
<strong>Postal Address</strong>
<p>&nbsp;</p>
<?php
if($main_address1 > '') { echo $main_address1.'<br>'; }
if($main_town > '') { echo $main_town.'<br>'; }
if($main_county > '') { echo $main_county.'<br>'; }
if($main_postcode > '') { echo $main_postcode; }
?>
</div>

</div>

但是 #contactus-main DIV 出于某种原因显示在我的页脚下,任何想法我做错了什么。页脚没有任何问题,因为它在所有其他页面上都能正常工作,只是这个页面有一些额外的 div。

最佳答案

您应该在 div 上使用 display:block,因为 display:inline 对 float 元素没有影响。此外,您可能需要在页脚前添加一个带有 style="clear:both"的元素。

关于html - CSS Div 隐藏在页脚下,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16658324/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com