flexbox

1热度

2回答

我想在包含三个项目的头部中构建一个导航，其中前两个项目左对齐，第三个项目右对齐。尝试使用flexbox，但有一个arror：ul超过它的父容器的宽度。 header { width: 100%; background: #417690; margin-left: 10px; margin-right: 10px; font-si

-1热度

1回答

如何重置媒体查询中心

我有两个div围绕另一个div（id =“about”）。使用全尺寸浏览器，它显示为水平和垂直居中，这是我想要的。但是，当窗口缩小后，我希望两个div彼此叠加，而不是并排排列。对于我的尝试，我想基本上重置该包装（约）。我的CSS： #icon{ border: solid; border-color: red; border-width: 2px; ma

2热度

3回答

台面高度不Flexbox的

.flex { display: flex; width: 90%; margin: 0 auto; justify-content: space-between; } table { width: 48%; border-collapse: collapse; } th, td {

1热度

2回答

使柔性项目采取新行

的100％的宽度我有HTML结构等： <div class="container"> <div class="btn-1"></div> <div class="btn-2"></div> <div class="btn-3"></div> <div class="text"> Lorem ipsum dolor sit amet, consec

0热度

2回答

div与最小宽度增长与它的内容

我是一个CSS/HTML自动学习者，道歉，如果我的问题是愚蠢的。我想要一个最小宽度为40％的div，其内容是合理的，但是当更多的项目将被添加到这个div中时，它的宽度会相应增加。这是我到目前为止有： .hcontainerbutton { display: flex; width: 40%; background-color: blue; align-i

0热度

2回答

Flexbox的对齐项目

我试图对准6日，7日，8日，9日在Flex容器项目得到这样的： [二路1号4 3TH 5 .......... ... 6日7日8日9时]。我尝试使用margin-right：auto，但它不适用于一组物品。 .upper_nav ul { display: flex; display: -webkit-flex; list-style-type: n

0热度

1回答

Flexbox的：如何结合可变和固定宽度

我试图实现一个网格具有三列：的第一列在宽度 50％的第二和第三列组合也是50％宽度第三列宽度是可变的;它应该增长，但看起来合适（它包含一个带有可变文本的按钮）。如果第三列以宽度的x％比第二列的宽度为50-x％结束。

1热度

2回答

液粘页脚柔性

我想在这个问题How to make a fluid sticky footer 与增加身体的答案描述在与柔性的bootom使页脚 body { padding: 0; margin: 0; display: flex; min-height: 100vh; flex-direction: column; } 和主要 main { flex:

0热度

2回答

无法将按钮对齐屏幕左下角 - 反应本地

我想将我的按钮放置在屏幕的左下角。我曾尝试使用bottom: 0和left: 0，但那没有做任何事情。我研究了一下，发现我需要设置position: 'absolute'。但是，当我这样做时，我的按钮完全消失。如何通过按钮定位到屏幕左下角？这里是我的代码：确定自己的位置absolute当LY import React, { Component } from 'react'; import {

0热度

1回答

使用css flexbox和没有jQuery的响应下拉导航

我正在构建一个只有css而没有jQuery的下拉菜单的响应菜单。新增flexbox并努力使下拉列表正确对齐。下面的代码工作除了下拉的东西，将会失调 - 尝试与像position：relative这样的标准东西。我正在使用复选框（.toggle）显示/隐藏汉堡包。希望得到一些指点。这里是我的代码（也JSFiddle here） nav { margin:0 auto;