Css-Grid / Flexbox搁置，main不增长100%
Css-Grid和Flexbox是用于网页布局的两种常见的CSS技术。
- Css-Grid（层叠样式表网格布局）是一种二维布局系统，可以将网页划分为行和列，通过定义网格容器和网格项来实现灵活的布局。它的主要特点包括：
- 网格容器：通过设置display属性为grid，将元素定义为网格容器。
- 网格行和列：通过设置grid-template-rows和grid-template-columns属性，定义网格的行和列的大小和数量。
- 网格项：通过设置grid-row和grid-column属性，将元素放置在网格中的指定位置。
- 优势：
- 灵活性：可以自由定义网格的行和列，实现复杂的布局。
- 响应式设计：可以根据不同的屏幕尺寸和设备自动调整布局。
- 网格对齐和排序：可以通过设置对齐和排序属性，控制网格项的位置和顺序。
- 应用场景：适用于需要复杂网格布局的网页，如新闻网站、电子商务网站等。
- 推荐的腾讯云相关产品：腾讯云CDN（内容分发网络），用于加速网页的加载速度和提供全球覆盖的内容分发服务。
- 产品介绍链接地址：https://cloud.tencent.com/product/cdn
- Flexbox（弹性盒子布局）是一种一维布局系统，用于在一个方向上排列元素。它的主要特点包括：
- 弹性容器：通过设置display属性为flex，将元素定义为弹性容器。
- 弹性项：通过设置flex属性，控制弹性项在弹性容器中的大小和位置。
- 优势：
- 简单易用：相对于传统的布局方式，Flexbox提供了更简洁的语法和更直观的布局方式。
- 自适应性：可以根据弹性容器的大小自动调整弹性项的布局。
- 对齐和排序：可以通过设置对齐和排序属性，控制弹性项的位置和顺序。
- 应用场景：适用于需要在一个方向上排列元素的网页，如导航菜单、图片展示等。
- 推荐的腾讯云相关产品：腾讯云云服务器（CVM），提供可靠的云计算基础设施和弹性计算能力。
- 产品介绍链接地址：https://cloud.tencent.com/product/cvm
总结：Css-Grid和Flexbox是两种常见的网页布局技术，它们分别适用于复杂的二维布局和简单的一维布局。腾讯云提供了相关的产品和服务，如CDN和云服务器，可以帮助开发者加速网页加载和提供可靠的云计算基础设施。
相关·内容
2回答
我想要一个菜单栏，所有菜单项都有相同的宽度(和最宽的菜单项一样宽)。菜单项的数量可以改变。如果有额外的空间，菜单应该在其容器内居中。
如果项目不能放在一行上，可以在另一行换行，但它们应该具有相同的宽度。如下所示：
| [ short ] [loooooooong] [ between ] |
| [ wrapped ] |
我能用CSS做到这一点吗？
我尝试使用display:grid，但失败了：
.container {
border: 1px solid black;
displa
浏览 1提问于2017-08-01得票数 4
2回答
如何将屏幕一分为二，例如：
为了在每一半中添加我的自定义元素？
示例:蓝色边是一张图片，后半部分包含一些随机的文本输入
我一直在这样尝试：
<div className={styles.splitScreen}>
<div className={styles.topPane}>
{topPane}
</div>
<div className={styles.bottomPane}>
{bottomPane}
</div>
浏览 1提问于2020-04-08得票数 3
目前我正在铺设我的网页的基础(这也是移动优先)，我有一个论点。我已经在我的react项目中添加了react-semantic-ui。
添加的是我的目标布局。现在，我应该使用什么来绘制它，Grid还是Flexbox？我应该避免使用Grid吗？它是否会减慢渲染速度或降低性能？或者我应该在最多的地方使用flexbox？还是应该一直使用Grid或flexbox？或者它可能是两者的组合。请给我引路。
提前感谢！
浏览 1提问于2018-11-11得票数 4
2回答
在开始之前，让我向您展示一下我正试图用柔性盒完成的任务，以及到目前为止我已经完成了什么。
我要看的是：
table {
background-color: #333;
border-collapse: collapse;
height: 200px;
width: 100%;
}
.sidebar1 {
background-color: orange;
width: 100px;
}
.header {
background-color: cyan;
height: 50px;
}
.sidebar2 {
background-color: re
浏览 4提问于2017-06-10得票数 2
回答已采纳
假设我有一个页面，它有一个左侧菜单(红色)、一个内容div (蓝色)和一个页脚(绿色)。因此，我的页面结构如下：
div main
……向左浮动的div left_menu
……向右浮动的div内容
div页脚(在div main之外)。
代码如下：
<code>A0</code>
但是当我在div内容中放入更多的内容时，这个div会增加它的高度，这正是我想要的。但是，left_menu保持相同的大小，并且页脚不会向下移动(即，内容显示在页脚上)。
我认为div main会随着内容的增加而增加其高度，因此，它会将页面中的页脚向下推。此外，由于left_menu的
浏览 19提问于2018-12-14得票数 1
1回答
CSS网格内容居中
、、、
* {
margin: 0;
padding: 0;
}
.container {
height: 100%;
width: 100%;
display: grid;
grid-template-columns: 1fr 2fr;
grid-template
}
header {
height: 100%;
width: 100%;
background-color: #28aadc;
border: 1px solid;
}
.header-fixedWidth {
height: 32
浏览 9提问于2017-08-17得票数 0
我试图在我的<table>上模拟<table>，使用flexbox。
我之所以使用flexbox，而不仅仅是普通的table，是因为js排序的原因。在每个“列表”(<tr>)中，我需要模拟多个<tr>。
这就是我需要的：
这就是我尝试过的：
<table>
<tr>
<td class="a"></td>
<td class="b"></td>
<td class="c"><
浏览 0提问于2018-03-14得票数 0
回答已采纳
1回答
我在工作中有一项具有挑战性的任务-它需要一个纯CSS解决方案 我收到了一个小部件数组，其大小为33%的宽度或66%的宽度。它们需要按照接收到的顺序排序，但小部件的总宽度不能超过100%。 下面的屏幕截图描述了项目填充屏幕的顺序，但数字指示了它们被接收的顺序。请注意，项3太大，无法在项2之后放入，因此项4(优先级较低)填充了顶部的空白空间 ? 我如何使用flex来做这件事呢？当页面加载时，我会得到组件列表。
浏览 9提问于2019-06-20得票数 2
回答已采纳
我有这样的输出： H1
H2
P 但是我想在H2和P之间移动H1，所以新的输出是： H2
H1
P 这可以通过CSS网格或任何类型的CSS来完成吗？ 代码(不能更改HTML结构)： <div class="wrapper">
<h1>H1</h1>
<div class="details">
<h2>H2</h2>
<p>P</p>
</div>
</div>
浏览 18提问于2020-04-23得票数 0
回答已采纳
4回答
我有一张显示用户得分的列表。
这是我的HTML。我希望每个值都对齐。我尝试过不同的选项，例如使用表和网格。我无法以这种方式实现它。徽章从来不对齐。我终于可以通过absolute定位学分来实现这一目标。但这没有反应。
<div class="inner-counter">
<div class="profile-credits">
<span class="credit">{{auth.user?.hdc}}</span>
<spa
浏览 0提问于2017-05-02得票数 2
回答已采纳
1回答
我试图让这个文本区在一个2列的布局中拉伸，以填补空白空间。因此，右列是可变高度的，我希望左列中的文本区域可以伸展以填充空白区域。我尝试过在父元素上使用align-items: stretch，并在文本区域中将高度设置为100%，但我似乎无法让它增长以填充空间。
这是HTML
<div class="row">
<div class="left">
<h1>Stuff</h1>
<textarea></textarea>
</div>
浏览 0提问于2015-06-27得票数 7
回答已采纳
我希望在CSS中实现以下效果，并且不需要使用固定数量的像素来指定宽度(我很难用语言描述，但如下所示)：
带有两个“列”的行布局，可变长度文本的左列和可变数目图标的右列；这样两列都会在添加文本/图标时向左浮动并动态增长，但是当文本列扩展到达到最大宽度时，则会用省略号截断其中的文本；而图标列永远不会被截断。
更容易的是查看两个屏幕截图和代码，我链接到下面。代码实现了我所追求的效果，但是使用一个常量来表示图标的宽度。
是否有一种方法可以使用标准的CSS 而不使用常量？
Codepen：
.page {
border: solid 1px blue;
}
ul {
list-
浏览 2提问于2021-02-14得票数 0
回答已采纳
有一个问题我在肚脐下面有个div。我希望div拥有100%的剩余空间，并在其周围添加一个很好的填充框。不应该是滚动的。此外，我也无法绑定导航栏，因为在项目中，它的组件完全不同。
我试图简化我的代码。
nav {
min-height: 80px;
background-color: blue;
}
.take-page-height {
padding: 1.5%;
background-color: red;
/* added for demonstration */
}
.welcome-div {
position: relative;
display
浏览 1提问于2020-12-19得票数 2
1回答
我有一个这样的布局：
<div class="flexbox">
<div class="header"></div>
<div class="main"></div>
<div class="footer"></div>
</div>
以及它的css：
html,
body {
height: 100%;
}
.flexbox {
display: flex;
flex-direction: column;
浏览 0提问于2016-05-22得票数 8
回答已采纳
我做了2列与CSS网格和可折叠的div。问题是当我展开一个可折叠的div时，另一个div也会用空格展开。
有没有人知道如何修复这个问题，而不是让2个父级div对应2列？或者使用其他方法而不是CSS-grid？
带有可折叠div的css网格截图
浏览 1提问于2018-05-15得票数 0
<div class='parent'>
<img class='child' src='...' alt='img'>
<img class='child' src='...' alt='img'>
<img class='child' src='...' alt='img'>
<img class='child' src='...' alt=
浏览 29提问于2018-08-05得票数 0
回答已采纳
2回答
我正在使用flexbox为web应用程序创建一个基本布局。我希望在顶部有一个菜单，在它的下面，左边有一个主要内容区域，右边有一个次要内容区域，这两个区域都垂直地填满了菜单下面留下的空间。如果HTML中只包含内容区域，那么扩展就涵盖了所有内容。然而，当我包含菜单时，我最终在菜单和内容区域之间留下了大量的空白。 在JS小提琴中，我添加了一个小JavaScript，当你点击任何一个链接时，就会删除菜单，以便更好地了解我希望在菜单和两个内容区域之间有多少空白(1rem)。 这可以使用flex来实现吗？谢谢! $(document).ready(function() {
$("a
浏览 19提问于2019-02-01得票数 2
回答已采纳
2回答
下面这篇文章是我用柔性盒写的布局的截图。
是否有可能实现这样的布局，使红色矩形将在下面的黑色矩形使用柔性盒？
这是我为创建这个布局而编写的代码：
#container{
display: flex;
flex-flow: row wrap;
height: 409px;
width: 800px;
}
#firstof3 {
flex: 0 0 30%; /* Let it fill the entire space horizontally */
height: 100px;
background-color: yellow;
}
#secon
浏览 2提问于2021-01-06得票数 2
回答已采纳
2回答
例如，我有5个从A到E的文本块。 然后，我想像这样对它们进行排序： A
B D
C E 我试过B~E版的display:inline-block，但它会使 A
B C
D E 此外，当文本块具有不同的行数时，文本块将从底部对齐。 我想让他们在同一条线上开始 ? float甚至不会像我想的那样对齐。 我有没有办法做这件事呢？
浏览 20提问于2019-02-17得票数 4
我有一个webapp，我用它来进行布局。
我试图两种填充屏幕(这是一个应用程序，而不是文档)，并尽可能不指定任何固定的宽度或高度，因为内容可能是各种各样的事情(完全流体布局！(梦想！)
所以我需要流体高度，全宽度的标题和页脚，然后中间的一个主面板填充剩余的垂直空间，分成列，每个列在过高时卷动，每个非主列的宽度应该收缩以适应其内容，以及一个主列，它占用剩余的空间。
我是如此接近，但不得不求助于显式大小的非主列-我相信flex-basis: content;应该这样做，但还不支持浏览器。
下面是一个显示固定大小列的：
var list = document.querySelector('
浏览 2提问于2015-11-05得票数 59
回答已采纳
我有一个脚注标签(在main标签内的body标签之后)：
footer {
text-align: center;
position: fixed;
width: 100%;
background-color: #d9efef;
height: auto;
bottom: 0;
}
<body>
<main>
short html content
</main>
</body>
<footer>
<p>
Some Text (large
浏览 23提问于2021-05-21得票数 1
回答已采纳
1回答
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link re
浏览 2提问于2022-02-24得票数 -1
我有一个居中的div，它在一行中包含标题、输入和按钮。我希望使输入字段展开，以便div内容的总宽度占据分配给div的整个宽度。有没有什么CSS方法可以指定像width: 100%-other_elems这样的东西？
浏览 0提问于2017-03-30得票数 0
1回答
使用Flexbox或CSS，是否可以根据其中一个列的内容来调整我的列的大小？
我想要的是：
我有两个列，一个主和一个side。
|------------------------container--------------------------|
| |
||----------------------------------------|----------------||
|| main | s
浏览 2提问于2018-02-08得票数 5
回答已采纳
1回答
通常有一个包含以下元素的柔性箱：
.flexbox {
display: flex;
border: 2px solid red;
padding: 2.5px;
}
.flexbox__item {
border: 2px solid blue;
height: 50px;
margin: 2.5px;
flex-grow: 1;
}
<div class="flexbox">
<div class="flexbox__item"></div>
<div class="f
浏览 4提问于2017-07-13得票数 3
回答已采纳
4回答
火狐挠曲盒图像宽度
、、、
我有一些困难，使我的形象，以不超过100%的可用宽度的父容器。我只注意到Firefox 36中的问题(不包括IE或Chrome)。那么是firefox的bug还是我在这里遗漏了什么呢？
注意:图像不应该比原来的尺寸大。
铬：
Firefox：
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
.container {
width:300px;
}
.flexbox {
display:flex;
}
.flexbox .colu
浏览 5提问于2015-02-25得票数 13
回答已采纳
1回答
我有一些div (1、2和3被包装在容器中)：
我需要根据这样的响应性设计来改变这些div：
我怎样才能做到这一点？也许用网格？
浏览 0提问于2020-12-23得票数 1
回答已采纳
2回答
如何将网格列居中？这是我目前的代码
.example-grid {
display: grid;
justify-content: center;
align-items: center;
grid-template-columns: repeat(5, 1fr);
}
但是，所有网格项都与左边对齐。
浏览 2提问于2021-10-19得票数 1
回答已采纳
我有以下使用Flexboxes的HTML/CSS代码：
*{
font-family:Arial;
}
html,
body {
height: 100%;
margin: 0
}
.flexbox {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
height: 100%;
width: 100%
}
.flexbox .header{
background: green;
border:solid;
font-size: 30;
font-weight: bold;
浏览 7提问于2017-10-15得票数 0
回答已采纳
1回答
为什么我那该死的页脚不能留在页面底部？ import React from "react"
import Navbar from "./navbar"
import Footer from "./footer"
import Sidebar from "./sidebar"
import "./layoutplus.css"
const Layout = ({ children }) => {
return (
<>
<Navbar />
浏览 5提问于2020-12-25得票数 1
回答已采纳
1回答
下面的代码..。
.flexbox-container1 {
background-color: crimson;
display: flex;
gap: 10px;
justify-content: center;
height: 100%;
}
.flexbox-items1 {
height: 200px;
flex-grow: 1;
align-self: center;
<div class="flexbox-container1">
<div class="flexbox-items1"
浏览 4提问于2020-10-18得票数 0
回答已采纳
1回答
我已经开始使用Python的搁置模块(而且我是Python本身的新手)，虽然它可以完美地存储和加载信息，但RAM的使用率是……真奇怪。
我想要保存的部分是一个地图，它位于另一个地图的特定坐标上，以及像'fov1‘和'fov2’这样的值的选择，对于任何给定的坐标，这些值可能存在也可能不存在。例如，在x=50和y=100的“迷你地图”上，可能会有另一个地图，而我希望节省下来。例如，Minimap50也可能有fov0和fov1的列表，但没有其他任何内容。最大fov值为fov75。
下面是我的save/load函数。
此保存功能用于查看哪些地图需要保存(非空白且当前未保存的地图)，然后
浏览 2提问于2012-04-03得票数 1
我想使内容溢出，但不是整个页面。我的问题是，如果没有硬代码，我就无法弄清楚如何使内容高度取决于页脚(以及潜在的其他元素，如页眉)，这些内容占用了多少水平空间。如何使内容占用尽可能多的水平空间，但不占用更多空间，然后溢出其他内容？
我的想法是，我可以通过锁定内容高度，并使用@media创建两个不同的高度，给出不同的分辨率。
下面是我所做的一个很小的例子，其中我在整个页面上都有溢出。这不是我想要的。我希望内容只占用页面上每一个其他元素之后留下的空间，然后溢出其内容(删除main上的溢出)。
请指点
在这个例子中。
body {margin: 0; padding: 0;
}
main
浏览 4提问于2020-09-26得票数 0
回答已采纳
我的代码有一个问题，看起来很简单，但我不能理解它。 我正在尝试使主div全vh，以便内容自动高度应为100vh -标题框的高度。 但是，我一直得到标题框长度的滚动条。有什么好办法吗？ 完整的HTML： <!DOCTYPE html>
<html>
<head>
<title>Test</title>
</head>
<body>
<style>
.maindiv {
min-height: 500px;
height: 100vh;
浏览 31提问于2020-12-22得票数 0
3回答
尝试居中的div包含一些文本在一个非常简单的网站，我正在做。设法垂直居中，但不能水平居中：
#welcome-section{
border: 10px solid blue;/*temporary for control*/
display: block;
height: 100vh;/*U.S. 10 100% viewport height*/
width: 100vw;/*100% viewport width*/
background-color: red;
color: white;
}
.hellotext{
posit
浏览 0提问于2020-09-17得票数 1
我正在创建一个css-grid / flexbox模板，一切正常。 它有页眉、边栏、主页和页脚。 我只需要asign和主行拉伸，所以它需要整个页面减去页眉和页脚的高度。 我想在不使用"vh“的情况下这样做。 下面是完整的当前代码： * {
box-sizing: border-box;
padding: 0;
margin: 0;
}
body {
padding: 0;
margin: 0;
width: 100%;
height:
浏览 33提问于2021-08-27得票数 0
回答已采纳
2回答
这就是我想要的布局
目前它看起来是这样的
我可以通过指定高度来增加第二个框的大小。
.row-2 {
height: 500px;
}
当然还有比这更好的方法。
我还试着把最后一排盒子放到底部，但没有任何运气：
.row-3 {
margin-top: auto;
}
我的flexbox如下所示：
<div className="container">
<div className="row-1">1</div>
<div className="row-2">2<
浏览 2提问于2020-12-14得票数 1
1回答
我正在尝试调整表格中的图像大小。有两个并排的图像。我需要左边的大小大约是右边的50%。 我该怎么做呢？当我尝试将一个height元素添加到代码中的任何位置时，它都没有显示，无论是height="some number“还是height="some number %”。我可以将图像从表中提取出来，但随后事情开始变得混乱。 下面粘贴的代码和任何建议都将非常感谢。谢谢 <table class="rspnsv" width="620" align="center" cellpadding="0" cellspac
浏览 15提问于2021-02-12得票数 0
当我们将块级元素的高度设置为100%时，它将获得页面的完全高度min-height: 100%;，或者至少是它的父元素的完全高度，但是，对于我来说，奇怪的是，因为我目前正在学习CSS，那就是当我缩小浏览器窗口的高度时
这是几秒钟的视频来展示我的意思。
正如您已经从视频中看到的，当我使浏览器的高度非常短，然后向下滚动时，我看到内容部分不再采用完整的高度，直到我使浏览器的高度再长一点，但是侧栏和配置文件部分不会这样做，因为它们的宽度小于内容部分。
因此，问题是:如何使div在浏览器高度缩小时保持其全部高度，然后向下滚动，从视频中可以看到？
* {
margin: 0;
padding:
浏览 4提问于2021-11-17得票数 0
2回答
尝试创建一个以流体为中心的内容区域，为wordpress主题定义的最大宽度和等高侧边栏与柔性盒。在Safari、Firefox和Chrome中，事情就像一种魅力，但在浏览器中却完全走红了。
工作的例子(在狩猎，火灾..。等)
内容区的基本结构：
<header id="masthead" class="site-header" role="banner">
<h1>Header</h1>
</header><!-- #masthead -->
<div id=&#
浏览 6提问于2017-02-23得票数 0
回答已采纳
2回答
我试图了解display:flex是如何工作的，但是每当我设置它时，childs就不会占用整个宽度。我原以为这三个div会有33%的屏幕宽度。我做错了什么？
.flexbox {
display: flex;
}
.flexbox div {
border: 1px solid black;
padding: 10px;
}
<div class="flexbox">
<div>One</div>
<div>Two</div>
<div>Three</div>
&l
浏览 1提问于2018-02-23得票数 3
回答已采纳
2回答
我正在尝试用嵌套的容器创建一个简单的柔性盒布局。
当我有一个容器并使用全宽度+高度时，它工作得很好。
问题是嵌套容器也使用display: flex，但是嵌套容器不使用所有剩余的空间(只有当它们有定义的宽度/高度时才能工作)。
<div class="flexbox-parent">
<div class="flexbox-item header">
Header
</div>
<div class="flexbox-item fill-area content flexbox-item-grow&
浏览 6提问于2016-05-09得票数 4
回答已采纳
我试着把段落恰好放在图片左边缘的下方。问题是，每当用户调整网站大小时，我都不能让段落停留在图像的左侧边缘。只要图像移动，段落就会停留在web浏览器的左侧。 这是我的HTML： <body>
<div class = "main_car">
<img src="main_car.jpg" alt="car">
<p>June, 2020. Sunshine Coast, BC, Canada </p>
</div>
</b
浏览 19提问于2020-11-16得票数 0
2回答
对象匹配:填充；不工作
、、、、
我使用柔性盒编写了这个响应性的图像库代码。
我将每个 flexbox_item 的背景色风格设置为青色，以显示每个flexbox_item块的尺寸：
background-color: cyan;
现在我想要图像填充它们的块，所以我使用了：
object-fit: fill;
但这不管用！
我尝试了很多东西，但仍然图像没有填满他们的积木！请帮帮忙。以下是代码：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
</head>
<style>
.ma
浏览 0提问于2018-04-19得票数 3
回答已采纳
2回答
我一直在玩flex，我想把"Logo“测试垂直地放在左上角的蓝色容器中。
你可以在这里看到它：
* {
margin: 0;
padding: 0;
}
.box {
color: white;
font-size: 80px;
text-align: center;
text-shadow: 4px 4px 3px black;
}
/* COLORS & Style
===================================== */
.main-header { background: #e3e3
浏览 2提问于2015-05-12得票数 0
回答已采纳
我一直在努力学习编程，但并不精通。这里是初学者。 我创建了一个菜单，带有一些可拖动和可折叠的div，我希望它们在我拖入另一个框区域时展开(类似于小工具)。我已经写好了代码，但是我不能让它工作。 有办法做到这一点吗？ HTML <div id="box1" class="box1">
<div class = "widget" draggable="true" id="widget1">
<div class="collapsible" o
浏览 25提问于2020-09-08得票数 1
我正在学习使用Asyncdisplaykit。我的结果如下图所示。但我不知道如何约束按钮等于Screen.width/3，它的自动约束等于图像宽度。这是我的代码
let controlStack = ASStackLayoutSpec(direction: ASStackLayoutDirection.Horizontal, spacing: 3.0, justifyContent: ASStackLayoutJustifyContent.Center, alignItems: ASStackLayoutAlignItems.Center, children: [self.mF
浏览 0提问于2016-03-16得票数 0
1回答
我正在做一个原型来展示一个绘画程序的一些基本功能。现在，下面是窗口的样子：
窗口是带有垂直BoxLayout的面板的复合，其中有一个自定义图像控件，另一个面板具有包含所有按钮的FlowLayout。
问题是，我必须指定按钮面板的高度(100 is )。如果删除该行，该窗口如下所示：
但是，如果我只指定宽度，并为高度写0，我得到以下结果：
我希望布局决定正确的高度按钮面板本身。下面是生成第一个图像的代码：
public void createAndShowGui(){
JFrame.setDefaultLookAndFeelDecorated(true);
浏览 1提问于2014-05-06得票数 3
回答已采纳
2回答
具有以下HTML代码片段 ...
<td>
<input id="foo" type="text" style="width:20%">
<input id="bar" type="text">
</td>
... 怎样才能让bar占据表格单元格的其余空间？生成width:100%是不起作用的，因为它会100%地处理表格单元格，并插入下一行。 提前感谢！
浏览 8提问于2019-04-30得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
