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"> 代码

*{
 
    height: 100vw;
}
.box{
   width: 30%;
   height: 30%;
   margin-left: 2.5%;
   margin-top: 2.5%;
   background-color:orange;
   border-radius: 20%;
   float: left;
}

该问题已被官方收录

为何当设置margin-bottom负值后，会改变CSS读取的高度？

0

1

边距

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<div style="width: 50%;height: 50px;margin-bottom: -25px;background: red">
	</div>
	<div style="width: 20%;height: 25px;background: #dddddd"></div>

该问题已被官方收录

轮播图为什么不自动翻页？

0

1

轮播

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<link rel="stylesheet" href="../css/task8.css">
<script src="http://how2j.cn/study/js/jquery/2.0.0/jquery.min.js"></script>
<link href="http://how2j.cn/study/css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet">
<script src="http://how2j.cn/study/js/bootstrap/3.3.6/bootstrap.min.js"></script>
<div class="wrap">
        <div class="container">
            <div class="header-main">
               <span>客服热线：010-594-78634</span>
                <div class="vx">
                <img src="../img/task8...png"  alt="">
                <img src="../img/task.8..png" alt="">
                <img src="../img/task.81.png"  alt="">
                </div>
            </div>
        </div>
    <div class="navigation">
        <div class="option">
            <p>首页</p>
            <p>职业</p>
            <p>推荐</p>
            <p>关于</p>
        </div>
    </div>
    <div id="myCarousel" class="carousel slide">
        <!-- 轮播（Carousel）指标 -->
        <ol class="carousel-indicators">
            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
            <li data-target="#myCarousel" data-slide-to="1"></li>
            <li data-target="#myCarousel" data-slide-to="2"></li>
        </ol>
        <!-- 轮播（Carousel）项目 -->
        <div class="carousel-inner">
            <div class="item active">
                <img src="../img/task888png.png" alt="Third slide">
            </div>
            <div class="item">
                <img src="../img/task888png.png" alt="Third slide">
            </div>
            <div class="item">
                <img src="../img/task888png.png" alt="Third slide">
            </div>
        </div>
        <!-- 轮播（Carousel）导航 -->
        <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>
</div>
</body>
</html>

该问题已被官方收录

flex在ul中对list-style的一个奇怪现象

0

1

属性

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<ul class="ul-left">
             <li class="li-left"><a class="list-a" href="">阿里巴巴</a></li>
              <li class="li-left"><a class="list-a" href="">腾讯视频</a></li>
             <li class="li-left ing"><a class="list-a ing" href="">土豆网</a></li>
</ul>




这里是CSS
.ul-left {
display:flex;
flex-diretion:colunm;
justify-content:center;
align-item:center;
...
}

该问题已被官方收录

导航栏没有居右，下拉菜单也没居中。

1

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<nav class="navbar navbar-expand-md bg-green navbar-dark">
      <a class="navbar-brand" href="#">修真院</a>
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
        aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarSupportedContent">
        <ul class="navbar-nav float-right">
          <li class="nav-item active ">
            <a class="nav-link" href="#">首页</a>
          </li>
          <li class="nav-item active">
            <a class="nav-link" href="#">职业</a>
          </li>
          <li class="nav-item active">
            <a class="nav-link " href="#"> 推荐 </a>
          </li>
          <li class="nav-item active">
            <a class="nav-link" href="#">关于</a>
          </li>
        </ul>
      </div>
    </nav>

该问题已被官方收录

创建合并分支时，add文件出现错误

1

1

git 代码管理

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

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

该问题已被官方收录

在九宫格里面些写字，但是无法让字体变大，如果变大的话，就没有办法来维持九宫格了

4

1

九宫格

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<link rel = "stylesheet" type = "text/css" href = "b.css"></link>

<body>
    <div class="one">佟</div>
    <div class="one"></div>
    <div class="one"></div>
    <div class="one"></div>
    <div class="one"></div>
    <div class="one"></div>
    <div class="one"></div>
    <div class="one"></div>
    <div class="one"></div>
  
</body>
</html>

.one{
    width:31.3%;
    float: left;
    background-color:orange;
    padding-top:31.3%;
    margin: 1%;   
}

该问题已被官方收录

如何只使用CSS来写一个侧边导航栏

1

1

侧边栏

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1 user-scalable=no" />
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="task7-2.css">
</head>
<body>
<header>
    
</header>
</body>
</html>

该问题已被官方收录

如何自适应，如何让九宫格在分辨率变小时不换行

2

1

九宫格

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

九宫格

该问题已被官方收录

版本选择页面右边的小三角是相对于整个白框存在,使用绝对定位发现无法垂直居中

1

1

居中定位

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<div class="div2-2">
        <img  class="img-1-2" src="../img/css7/css7-1-2.png">
        <button class="button1">简化版</button>
        <span class="span2">有1133个用户正在玩此款游戏</span>
        <button class="button1">猜词版</button>
        <span class="span2">有1133个用户正在玩此款游戏</span>
        <button class="button1">白痴版</button>
        <span class="span2">有1133个用户正在玩此款游戏</span>
    </div>

.img-1-2 {
    transform: scale(.5);
    position: absolute;

    right: 0;
    margin-right: 1%;


.div2-2 {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    position: relative;
    width: 100%;

去第页

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