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

亚马逊运营

全部问题

已收录问题

未收录问题

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

该问题已被官方收录

固定定位与下面盒子margin重叠问题

1

1

定位

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

.header {
    position: fixed;
    height: 2.75rem;
    background-color: #5fc0cd;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
   
}

该问题已被官方收录

如何如何将我的头部文件固定并保证3个文字定位

3

1

绝对定位

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码


.text1 {
	line-height: 53px;
	display: inline;
	float: left;
	margin-left: 1rem;
}//css文本
.nav {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	background-color: rgb(90,192,206);
	width:100%;
	height: 60px;
}//头部固定
<div class="nav">
			<a href="#" class="text1">注册</a>
			<span class="login">登录</span>
			<a href="#" class="text2">关闭</a>
		</div>//HTML部分

该问题已被官方收录

任务十可以用下拉框控制选中的单选按钮吗？

1

1

表单元素

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

  <form action="">
            <div class="row box-title">
                <div class="col-xs-12 model">选择箱型</div>
            </div>
            <div class="row">
                <div class="col-sm-1"></div>
                <div class="col-sm-1"></div>
                <div class="col-sm-1"></div>
            </div> 
            <div class="row box-title">
                <div class="col-xs-12 role">确定尺寸</div>
            </div>
            <div class="row box-title">
                <div class="col-xs-12 material">选择材质</div>
            </div>            
        </form>

该问题已被官方收录

如何配置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/;
        }

该问题已被官方收录

GitHub上传代码以及出现404如何解决？

1

1

git 代码管理

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

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

该问题已被官方收录

全局只有一个元素绝对定位了，这个元素是相对谁定位？

5

1

绝对定位

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>蚂蚁部落</title>
<style>
    div {
        position: absolute;
        top:0;
        left:0;
        width: 300px;
        height: 300px;
    }
</style>
</head>
<body>
    <div></div>
</body>
</html>

该问题已被官方收录

bootstrap布局，内外边距出现问题，布局崩溃

0

1

边距 bottstrap

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<div class="container">
<div class="row">
<div class="col">
</div>
</div>
</div>

该问题已被官方收录

3个头部菜单栏宽度平均分布在一行

2

1

布局

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

ul {
    display: flex;
    justify-content: space-between;
    list-style: none;
    padding: 0;
    margin:0;
}

ul li {
    flex:1 1 ;
    padding: .2rem 0;
    color: #999;
    white-space: nowrap;

}

.menuleft {
    display: inline-block;
    margin: 0 .4rem;
}

.menumid{
    padding-left: .5rem;
}

该问题已被官方收录

什么是文档流，什么是脱离文档流

1

1

css概念

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<style>
        .box{
            float:left;
            width:200px;
            height:200px;
            background:#000;
        }
        .box{
            position:absolute;
            top:0;
            left:0;
            width:200px;
            height:200px;
            background:yellow;
        }
    </style>
</head>
<body>
<div class="box1"></div>
<div class="box"></div>

该问题已被官方收录

子绝父相为什么子元素会占满父元素

4

1

定宽定位

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<!DOCTYPE html>
<html>
<head>
	<title>zijuefuxiang</title>
	<meta charset="utf-8">
	<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
	<style type="text/css">
		html {
			font-size: 625%;
		}
		body {
			background-color: gray;
		}
		
		.A {
			width: 50%;
			height: 2rem;
			background-color: orange;
			box-sizing: border-box;
			border: 1px solid #333;
			position: relative;
			margin-top: 1rem;
		}
		.B {
			background-color: blue;
			font-size: .32rem;
			color: white;
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
		}
	</style>
</head>
<body>
	<div class="A">
		<div class="B">哈哈哈哈</div>
	</div>

</body>
</html>

去第页

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