小编Cro*_*Toa的帖子

为什么不顶部:0相对于身体的绝对定位元素?

您可以在下面的代码中看到,h1向下推动身体,绝对定位的块.absolute不会粘在顶部.但是你也可以看到同一个块粘在其父级的顶部.wrapper.为什么?

我不是在问这个伎俩; 我知道如何,例如填充而不是边缘到h1,或clearfix到父级等等.

我只对一件事情感兴趣:为什么h1保证金推低了body,但是没有推倒.wrapper

body {
  position: relative;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: silver;
}

.absolute {
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  background-color: darkblue;
}

.wrapper {
  position: relative;
  overflow:hidden;
  width: 50%;
  height: 200px;
  overflow: hidden;
  background-color: yellow;
}

.wrapper > .absolute {
  background-color: darkcyan;
}
Run Code Online (Sandbox Code Playgroud)
<div class="absolute"></div>
<h1>Some title</h1>

<div class="wrapper">
  <div class="absolute"></div>
  <h1>Some title</h1>
</div>
Run Code Online (Sandbox Code Playgroud)

好的,我会尽量更清楚.如果你点击下面的链接,你可以看到我的JSFiddle.有background-color: silver在 …

html css specifications css-position

17
推荐指数
3
解决办法
1928
查看次数

设置固定定位div相对于具有max-width的父级的宽度

没有JS,有没有解决方案?

HTML

<div class="wrapper">
   <div class="fix"></div>
</div>
Run Code Online (Sandbox Code Playgroud)

CSS

.wrapper {
  max-width: 500px;
  border: 1px solid red;
  height: 5500px;
  position: relative;
}


.fix {
  width: inherit;
  height: 20px;
  position:fixed;
  background: black;
}
Run Code Online (Sandbox Code Playgroud)

我不能添加任何其他样式.wrapper除外width: 100%;.我尝试width: inherit但它不适合我,因为我有父div只有最大宽度.资源

这是JsFiddle演示

html css css-position css3

12
推荐指数
1
解决办法
1万
查看次数

自定义微调器输入的类型编号没有js

我需要使用自定义微调器创建输入类型="数字".它需要像那样

在此输入图像描述 没有js我怎么能这样做?还是需要js?

html javascript css jquery html5

3
推荐指数
1
解决办法
8287
查看次数

表单发送后显示html内容

对不起,我知道php太糟糕了.

我有php脚本将我的表单发送到我的电子邮件地址.

<?php

    class Sendform {

    private static $from_name = 'Mysite.com';
    private static $from_email = 'mailer@Mysite.com';
    private static $to_email = 'myemail@email.com';


    public function send() {
        $name = self::getvar('name');
        $email = self::getvar('email');
        $message = self::getvar('message');


        $from_email = self::mime_encode(self::$from_name,"UTF-8")." <".self::$from_email.">";


        $subject = 'subject';

        $text = "Name: $name
    E-mail: $email

    Message: $message";


        if($fileName) {
            $un        = strtoupper(uniqid(time()));
            $head      = "From: $from_email\n";
            $head     .= "To: ".self::$to_email."\n";
            $head     .= "Subject: ".self::mime_encode($subject,'UTF-8')."\n";
            $head     .= "X-Mailer: PHPMail Tool\n";
            $head     .= "Mime-Version: 1.0\n";
            $head     .= "Content-Type:multipart/mixed;";
            $head     .= …
Run Code Online (Sandbox Code Playgroud)

html php

1
推荐指数
1
解决办法
90
查看次数

如何创建圆形内容滑块?

谁知道如何创建这样的滑块?可能有一些插件,谷歌搜索没有提出任何建议..

在此输入图像描述

通过单击箭头或图标本身 - 滑块旋转,单击的图标出现在顶部,并相应地更改红色框中的内容.

javascript css jquery slider

0
推荐指数
1
解决办法
724
查看次数

标签 统计

css ×4

html ×4

css-position ×2

javascript ×2

jquery ×2

css3 ×1

html5 ×1

php ×1

slider ×1

specifications ×1