Php 在这个页面中，悬停不起作用，我不知道为什么，而且页脚没有100%的宽度，即使我已经给了它

是我的编码不正确还是悬停和页脚有什么问题。我需要知道php邮件程序是否正确，或者我是否有错误，我无法找到错误，因为邮件功能在本地服务器中不起作用

#包装器
{
宽度：100%；
高度：自动；
边际：0px；
背景颜色：橙色；
}
#导航栏
{
高度：60px；
宽度：100%；
背景色：黑色；
颜色：白色；
浮动：左；
}
ulli
{
显示：块；
位置：相对位置；
填充：20px 20px；
浮动：左；
}
ullia
{
颜色：白色；
}
#导航栏a：悬停
{
颜色：红色；
填充物：5px；
}
.carousel-inner>.item>img，
.carousel-inner>.item>a>img
{
宽度：70%；
身高：15%；
保证金：自动；
背景色：白色；
}
.缩略图
{
高度：300px；
宽度：300px；
填充：25px自动；
保证金：5px；
}
.联系方式
{
宽度：60%；
高度：300px；
背景颜色：灰色；
填充：100px 25px；
浮动：左；
}
询问
{
宽度：40%；
高度：300px；
背景色：海绿；
浮动：左；
左侧填充：5px；
}
输入[类型=文本]：焦点{
边框：3倍纯红；
}
输入[type=“text”]
{
利润率：0.15px0；
}
.页脚
{
高度：60px；
宽度：100%；
背景色：黑色；
填充：10px；
颜色：白色；
浮动：左；
}
.footer img
{
浮动：对；
保证金：5px；
填充物：5px；
}

学生


创新

创造力

积极性

地址

Abc私人有限公司
第54,2街，
madipakkam，
钦奈-67。

ABCPVT@gmail.com

查询表格
名称
电子邮件
电话
消息
版权与复制；访问WWW.abcpvt.com

您可以使用sendmail包从本地主机发送邮件，sendmail包在XAMPP中内置。因此，如果您使用的是XAMPP，那么您可以轻松地从localhost发送邮件

例如，您可以为gmail配置

C:\xampp\php\php.ini

和

C:\xampp\sendmail\sendmail.ini

在C:\xampp\php\php.ini中，找到extension=php\u openssl.dll并删除该行开头的分号，以使SSL适用于本地主机的gmail

在php.ini文件中找到[mail function]并进行更改

SMTP=smtp.gmail.com

smtp_port=587

sendmail_from = my-gmail-id@gmail.com

sendmail_path = "\"C:\xampp\sendmail\sendmail.exe\" -t"

现在打开C:\xampp\sendmail\sendmail.ini。用以下代码替换sendmail.ini中的所有现有代码

[sendmail]

smtp_server=smtp.gmail.com
smtp_port=587
error_logfile=error.log
debug_logfile=debug.log
auth_username=my-gmail-id@gmail.com
auth_password=my-gmail-password
force_sender=my-gmail-id@gmail.com

现在你做到了！！使用mail函数创建php文件并从localhost发送邮件

注：别忘了在上面的代码中替换我的gmail id和gmail密码。此外，如果从上面复制了设置，请不要忘记删除重复的关键点。例如，如果存在另一个sendmail_路径，请在下面的行中添加注释：

sendmail_`path=“C:\xampp\mailtodisk\mailtodisk.exe”

在php.ini文件中

还要记住使用XAMMP控制面板重新启动服务器，以便更改生效

或

或者你能做到这一点

或

试一试

---

悬停不起作用

• 这是因为您的

  #navbar

  div中的转盘内部溢出，所以使用

  溢出：隐藏

• 页脚不是100%！！因为页脚是

  #wrapper

  子类，所以100%将只采用父类（#wrapper）的宽度。因此，使用

  vw

  而不是

  %

  并计算左边距属性将解决您的问题

  #navbar
  {
  height:60px;
  width:100%;
  background-color:black;
  color:white;
  overflow: hidden;
  }
  .footer
  {
  height:60px;
  width: 100vw;
  margin-left: calc(-51vw + 50%);
  background-color:black;
  padding:10px;
  color:white;
  position: fixed;
  bottom: 0;
  }
  #con {
  margin-bottom: 23vw;
  }
  

---

页脚的原因不是100%
• 每说100%，但添加

  padding:10px后超过100%。要解决这个问题，你必须选择其他选项。要么使用
  宽度：100%并添加无
  填充
  ，或者添加
  填充
  并使用
  显示：块而不是
  宽度：100%

• 其次，

  框

  缺少一个关闭的

  div

  你有

  <div class="container-fluid text-center bg-grey"><!--boxes-->
    <div class="row text-center">
      <div class="col-sm-4">
        <div class="thumbnail">
          <img src="D:\task\photo\i.jpg" alt="Innovation">
          <p><strong>Innovation</strong></p>
        </div>
      </div>
      <div class="col-sm-4">
        <div class="thumbnail">
          <img src="D:\task\photo\cr.png" alt="Creative">
          <p><strong>Creativity</strong></p>
        </div>
      </div>
      <div class="col-sm-4">
        <div class="thumbnail">
          <img src="D:\task\photo\po.jpg" alt="Positive">
          <p><strong>Positivity</strong></p>
                </div>
          </div>
  </div><!--end boxes-->
  

  
  创新
  
  创造力
  
  积极性
  
  

  而不是：

  <div class="container-fluid text-center bg-grey"><!--boxes-->
    <div class="row text-center">
      <div class="col-sm-4">
        <div class="thumbnail">
          <img src="D:\task\photo\i.jpg" alt="Innovation">
          <p><strong>Innovation</strong></p>
        </div>
      </div>
      <div class="col-sm-4">
        <div class="thumbnail">
          <img src="D:\task\photo\cr.png" alt="Creative">
          <p><strong>Creativity</strong></p>
        </div>
      </div>
      <div class="col-sm-4">
        <div class="thumbnail">
          <img src="D:\task\photo\po.jpg" alt="Positive">
          <p><strong>Positivity</strong></p>
                </div>
                  </div>
      </div><!-- this is the missing closing div-->
  </div><!--end boxes-->
  

  
  创新
  
  创造力
  
  积极性
  
  

• 最后。你必须拿走

  float:left从页脚开始，并使用
  清除：两者都有取而代之。这样做你会发现你有一个更好的结果

---

您是否尝试过

body{margin:0}

您遇到了两个彼此无关的问题。请在单独的问题中发布您的邮件问题和HTML问题。现在悬停问题完成了，我只需要知道邮件问题Sendme@gamersudhar@gmail。com@sudharsan试试看，我发现了你所有的缺点。