IT修真院·坑乎 | Java(后端),CSS(前端),JavaScript(前端),PM(产品经理),UI(交互设计),QA(测试),Android(安卓APP),iOS(苹果APP),OP(运维),Python(后端)日常在线问答学习平台

IT修真院·坑乎 | Java(后端),CSS(前端),JavaScript(前端),PM(产品经理),UI(交互设计),QA(测试),Android(安卓APP),iOS(苹果APP),OP(运维),Python(后端)日常在线问答学习平台

咨询电话 : 010-59478634

亚马逊运营

全部问题

已收录问题

未收录问题

没有找到答案，去提问>>>

该问题已被官方收录

设置了最大宽度，子元素设置百分比,同时设置了相对视窗定位，会超出我设定的最大宽度

0

1

自适应

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

body {
  margin: 0;
  padding: 0; }

.max-wid {
  max-width: 780px;
  min-width: 320px;
  height: 100vh;
  margin: auto; }

header {
  position: fixed;
  top: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  line-height: 40px;
  font-size: 20px;
  color: #ffffff;
  background: #5fc0cd; }
  header img {
    height: 20px; }

该问题已被官方收录

如何配置nginx反向代理？

0

1

nginx

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

想直接通过html访问电脑中的文件
 location / {
            root html;
            index  index.html index.htm;
        }
        location /carrots-admin-ajax/{
          proxy_pass http://dev.admin.carrots.ptteng.com/;
        }

该问题已被官方收录

关于sacc代码的简写

0

1

Sass

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

@mixin border-bottom {
    border-bottom: solid 1px #e1e5e7;
    width: 100%;
}
@mixin border-top {
    border-top: solid 1px #e1e5e7;
    width: 100%;
}

@mixin border-left {
    border-left: solid 1px #e1e5e7;
}

@mixin border {
    border: solid 1px #e1e5e7;
}

该问题已被官方收录

0

1

动画

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<div class="col-md-6 col-lg-4 main-box">
                <div class="main-box-tow">
                    <div class="hide-box">
                        <span class="hide-title">iOS工程师</span>
                        <p class="hind-font">iOS是由苹果公司开发的移动操作系统， iOS和苹果的Mac OS X操作系统一样， 也是以Darwin为基础的， 因此同样属于类Unix的商业操作系统。 国内的iOS开发起步相对较晚， 人才培养机制更是远远跟不上市场发展速度，
                            有限的iOS开发人才成了国内企业必争的资源。 国内的iOS开发起步相对较晚， 人才培养机制更是远远跟不上市场发展速度， 有限的iOS开发人才成了国内企业必争的资源。
                        </p>



.hide-box {
    position: absolute;
    padding: 5rem 12% 2rem 12%;
    text-align: center;
    line-height: 2rem;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: all 2s;
    transform: rotate(0deg);
}

.hide-title {
    display: none;
    text-align: center;
    line-height: 8rem;
}

.hind-font {
    display: none;
    text-align: left;
}

.main-box-tow:hover .hide-box {
    /* display: block;  */
    transform: rotate(360deg);
    color: #fff;
    background: rgba(16, 16, 16, 0.8);
}

.main-box-tow:hover .hide-title {
    display: inline-block;
}

.main-box-tow:hover .hind-font {
    display: inline-block;
}

该问题已被官方收录

侧边导航栏

0

1

侧边栏

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

body {
    padding: 0;
    margin: 0;
    background: #f0f0f0;
}

@mixin center {
    display: flex;
    align-items: center;
    flex-direction: column;
}

header {
    display: flex;
    align-items: center;
    position: fixed;
    top: 0;
    width: 100%;
    height: 3rem;
    background: #29bde0;
    z-index: 1;
    .menu {
        display: block;
        padding: .3rem 0;
        margin: 1rem;
        height: .2rem;
        width: 1.5rem;
        border-top: solid 3px #fff;
        border-bottom: solid 3px #fff;
        .row {
            border: solid 1.5px #fff;
        }
    }
}





main {
    @include center;
    margin-top: 3rem;
    .main-nav {
        display: block;
        position: relative;
        margin: 1.2rem 0;
        width: 86%;
        line-height: 4rem;
        text-align: center;
        border: solid 1px #c9c9c9;
        font-size: 1.3rem;
        color: #9a9a9a;
        background: #fff;
        .arrow {
            position: absolute;
            top: 1.46rem;
            right: 1rem;
            width: 15px;
            height: 15px;
            border-bottom: 3px solid #e7e7e7;
            border-left: 3px solid #e7e7e7;
            transform: rotate(225deg);
        }
    }
    .main-boxes {
        @include center;
        position: relative;
        width: 86%;
        border: solid 1px #c9c9c9;
        background: #fff;
        .main-title {
            width: 100%;
            line-height: 4rem;
            text-align: center;
            border-bottom: solid 1px #fbb435;
            font-size: 1.5rem;
            font-weight: 100;
            color: #fbb435;
        }
        .main-box {
            display: block;
            margin: 1.3rem 0;
            width: 80%;
            line-height: 5.5rem;
            text-align: center;
            font-size: 1.28rem;
            font-weight: 100;
            color: #fff;
            background: #69d1e9;
        }
        .main-font {
            width: 100%;
            text-align: center;
            font-size: 1.08rem;
            color: #787878;
        }
        .triangle {
            position: absolute;
            top: 16.3rem;
            right: .3rem;
            border-left: solid 20px #fbb435;
            border-top: solid 20px transparent;
            border-bottom: solid 20px transparent;
        }
        .circle {
            display: inline-block;
            margin: 1rem .2rem;
            width: .7rem;
            height: .7rem;
            border-radius: 50%;
            background: #f0f0f0;
            &:hover {
                background: #29bde0;
            }
        }
    }
}

ul,
li {
    position: relative;
    display: block;
    list-style: none;
    padding: 0;
    border-bottom: solid 1px #29bde0;
}

.menu-box {
    position: absolute;
    margin: 0;
    width: 45%;
    height: 100%;
    line-height: 3.5rem;
    font-size: 16px;
    color: #29bde0;
    background: #fff;
}

.nav {
    position: relative;
    overflow: hidden;
}

.main-box {
    position: relative;
    
}

input {
    width: 3rem;
    height: 2rem;
    outline: none !important;
    -webkit-appearance: none;
    border-radius: 0;
}

#menu:checked~.main-box {
    margin-left: 45vw;
}

.left {
    width: 1.34rem;
    height: .2rem;
    padding: .3rem 0;
    margin-left: .22rem;
    border: none;
    outline: none;
    border-top: 3px solid #fff;
    border-bottom: 3px solid #fff;
    background: #fff content-box;
}

label {
    display: block;
}

input {
    display: none;
}

.hide-arrow {
    position: absolute;
    top: 1.46rem;
    right: 1rem;
    width: 15px;
    height: 15px;
    border-bottom: 3px solid #e7e7e7;
    border-left: 3px solid #e7e7e7;
    transform: rotate(225deg);
}

该问题已被官方收录

某些属性不能用样式表控制，只能写在标签里

0

1

表单元素

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

div class="input">
        <img src="../img/css4/css401.jpg">
        <input type="text" placeholder="请输入用户名"  maxlength="11"  onkeyup="value=value.replace(/[^\d]/g,'')">
    </div>
    <div class="input">
        <img src="../img/css4/css402.jpg">
        <input type="password" placeholder="请输入密码" >
    </div>

 <audio class="audio" src="../audio/css7.mp3" controls="controls">
        您的浏览器不支持音频
    </audio>

该问题已被官方收录

怎么通过标签添加文件？

0

1

代码管理

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

该问题已被官方收录

用类名控制

0

1

属性

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

··

该问题已被官方收录

github organizations push文件失败

0

1

git

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

该问题已被官方收录

0

1

布局

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

去第页

Copyright ©2015 北京葡萄藤信息技术有限公司 All Rights Reserved | 京ICP备15035574号-1