腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
视频
沙龙
6
回答
填充改变布局两个div并排
html
、
css
我想并排做div,我可以做到这一点,但当我添加som边距或填充它们会干扰布局时,我只希望两个div与填充和边距属性并排显示。 #center{ width:100%; border:1px solid gray; overflow:hidden; display:inline-block; } #leftdiv{ height:200px; width:50%; background-color:gray; float:left; margin:2px; }
浏览 3
提问于2017-07-21
得票数 1
回答已采纳
2
回答
在浮动div中以百分比的高度包装图像
html
、
css
、
css-float
对不起,我问了一个非常明显的问题,我相信它有一个非常简单的答案,我只是想不通。 非常简单,我想将图像放在div中,其中图像填充了div高度的100%。 CSS .container{ height:100%; float:left;} img { height:100%;} HTML <div class="container"> <img src="xyz.jpg" /> </div> 结果与预期不谋而合,但在任何非webkit浏览器中查看时,图像右侧(在div中)有大量空
浏览 1
提问于2011-12-03
得票数 0
1
回答
使用按百分比填充的边框大小的定位问题
css
我有问题对齐我的div与框的大小:边框当我开始使用填充百分比,框的位置将不匹配的位置百分比。 下面是代码,将其粘贴到任意html文件中即可查看: <!DOCTYPE html> <html> <head> <title>Testing</title> <style type="text/css" media="screen"> body{ width:100%; height:100%;
浏览 0
提问于2012-09-20
得票数 2
1
回答
悬停后如何阻止图标抖动?
javascript
、
html
、
css
、
font-awesome
我正在尝试创建一个心形悬停链接。所有的CSS都在工作,但是当我悬停在父div元素上时,图标会有一些抖动。我不知道如何解决这个问题,我尝试了一些方法,但仍然没有奏效。请救救我!它可能知道第一眼就可以看到,但仔细观察,我相信你也会注意到的! body { display: flex; flex-wrap: wrap; width: 100%; height: 100vh; margin: 0; padding: 0; box-sizing: border-box; align-items: center; justify-content: space-eve
浏览 10
提问于2022-11-14
得票数 1
3
回答
最大高度填充底部
html
、
css
下面是HTML: <div class="container"> <div class="wrapper"> <iframe src="...."></iframe> </div> </div> 包装div具有CSS:位置:相对;宽度: 100%;高度: 100%;高度: 0;填充-底部: 56.25%;溢出:隐藏; iframe有CSS: position: absolute; width: 100%; height: 100%; top: 0; l
浏览 1
提问于2016-02-19
得票数 4
1
回答
文本放大挠性箱容器
css
、
flexbox
、
longtext
我不知道如何处理文本,不放大flex容器。 当@media为@media screen and (min-width:600px)时,如果我用文本填充一个框,则此框大于50%。我想保持相同的百分比,当盒子是空的。 这是代码: 谢谢。 例子: html, body{ height: 100%; padding: 0; margin: 0; } .container { display:flex; flex-wrap:wrap; flex-direction:row; justify-content:flex-start; align-it
浏览 2
提问于2015-11-27
得票数 2
回答已采纳
1
回答
Twitter Bootstrap 3模式:图像不能垂直调整大小
css
、
twitter-bootstrap
我正在使用Twitter Bootstrap 3,我正在使用一个模式对话框来并排显示2个div。左边的div包含一个居中的图像,它应该调整到它的容器尺寸,保持纵横比。我的问题是:如果我垂直调整浏览器窗口的大小,图像高度不会低于某个值,最终会超出对话框边界,导致如下所示 这是我到目前为止所接触到的代码: <!-- Modal --> <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="
浏览 1
提问于2013-09-04
得票数 0
1
回答
使用CSS使文本出现在悬停状态
html
、
css
我试图在悬停时显示特定的文本,而其他文本应该隐藏。我有文本隐藏在悬停和动画正确,但我不能让其他文本出现在悬停。理想情况下,这个文本将填充整个缩放框。在div data-hover中出现文本时,我遗漏了什么? .process-section { margin: 20px auto 20px auto; padding: 50px 30px 30px 30px; background: rgb(223, 232, 236); display: flex; align-items: center; text-align: center; box-shadow: 0
浏览 1
提问于2022-08-22
得票数 0
回答已采纳
2
回答
横向格式化DIVs
html
、
css
我在格式化DIVs时遇到了一些问题。如果这个问题有点傻的话,我不太喜欢网络。 目前在我的网页,我有一个3div在里面的表单。其中一个位于顶部,另两个并排躺着: 但是,如果底部两个div都设置为容器宽度的50%,则它们将垂直堆叠。如果设定为50%和49%,它们将并驾齐驱,但差距很大: 这里是HTML的简化版本,样式包括在内。 <form id="Form1" style="width:100%"> <div id="Div1"> <table id="Table1
浏览 5
提问于2017-12-13
得票数 0
回答已采纳
1
回答
图像响应网页设计中的裁剪顶部
image
、
css
、
responsive-design
我想显示宽格式的全宽度图像(将图像的顶部裁剪到最大高度:500 in;)在桌面显示和移动设备的原始高宽比上。 我正在使用龙门框架上的Wordpress网站。我已经使用css工作周围,以迫使图像显示在父框容器外的全宽度。 示例,当图像高度小于最大高度时,除了有空间被推到顶部之外,还可以从顶部进行作物生长? .boxed-container{ margin:30px; padding: 30px; background:red; } .bg-img{ position: relative; display: block; overflow: hidden; padd
浏览 0
提问于2017-04-20
得票数 0
回答已采纳
1
回答
试着用图像填充整个左侧
css
、
sass
我正在我的WordPress网站上开发一个页面,当我悬停在右侧的项目标题上时,它会显示我所做过的网站。现在看起来是这样的: 正如你所看到的,图像不是填充整个左边,这是我的问题。如何让它在css中填写整个左侧? 这是my _acf-work-folio.scss文件: /*---------------------------------------------------------------------------*/ /* Work Portfolio /*------------------------------------------------------------
浏览 1
提问于2017-04-26
得票数 0
回答已采纳
1
回答
如何使父高度与子高度相关,但当子高度增加时不增加父高度
html
、
css
、
height
正如标题所描述的,我有一个包含子div的父div。 我不知道会有多少个孩子,所以我不能给父母一个固定的身高。 儿童潜水的高度在悬停时增加。 我怎样才能使父母的身高与其孩子相关,同时又不会随着他们的身高增加而增加呢? 正如您在代码中看到的,"parent2“具有所需的功能,但它的高度是固定的,这是我无法使用的。 不使用javascript的PS HTML <div class="parent"> <div class="child"></div> <div class="child">
浏览 18
提问于2019-06-22
得票数 0
1
回答
移动式柔性箱柱的倒塌
css
、
flexbox
我有两列(使用flexbox)和一个媒体查询断点。然而,我尝试了下面的css属性,以获得100%的列,并在移动时相互叠加。 目前仍然是一个列,并排在任何时候。 宽度: 100%; 挠曲生长: 1; 容器的代码 .flexbox-container { display: -ms-flex; display: -webkit-flex; display: flex; } 列的代码 .flexbox-column { display: flex; width: 100%; padding: 50px; background-color: yellow;
浏览 0
提问于2018-05-25
得票数 5
回答已采纳
2
回答
使用绝对位置和百分比垂直居中子div时出现错误
html
、
css
、
google-chrome
、
cross-browser
我有一个div,这是我的“弹出窗口”,我正在动画显示在它的父div的直接中心。因此,我使用绝对定位、负边距和left+top来定位它,这样我就可以简单地在悬停时使用-webkit-transform: translateY(-100%)对其进行动画处理。在Safari和Mobile Safari上效果很好。 如果你在Chrome或Firefox中使用像素,它可以正常工作,即使你使用所有百分比,但使用像素设置父div宽度,它也可以工作。但是,如果你使用所有的百分比,FF+Chrome似乎完全是胡说八道,基于一些我不能理解的东西来渲染百分比。 在Safari和FF/Chrome中查看此视图,可以看
浏览 2
提问于2013-08-03
得票数 7
回答已采纳
3
回答
CSS Div背景图像固定高度100%宽度
html
、
css
我正在尝试设置一系列的div,每个div都有自己固定的高度,并拉伸以填充宽度,即使在被剪切的顶部/底部有溢出。我只是不想在边缘留出空白。 目前,我有: CSS #main-container { float:left; width:100%; margin:0; padding:0; text-align: center; } .chapter{ position: relative; height: 1400px; z-index: 1;
浏览 0
提问于2013-03-30
得票数 40
回答已采纳
2
回答
表布局固定时“填充”列宽度的不正确百分比
html
、
css
我试图使用百分比列(有一些填充)与表布局固定。当我为常规的div这样做时,一切都如预期的那样工作(div中的框大小是内容框)。所有的垫片都从500 so减去,其余的被分成两半,所以div的宽度是150 so; <div style="display:flex;flex-direction:row;width:500px"> <div style="width:50%;padding:0px">ADSD</div> <div style="width:50%;padding:0px 100px
浏览 5
提问于2022-06-28
得票数 4
回答已采纳
1
回答
砌体列表中的Next.js图像填充
css
、
reactjs
、
next.js
我面临的问题是普通HTML标签在我的砌体列表中工作得很好,但是当我使用带有布局填充的Next.js图像组件时,它不会呈现任何东西。 我的风格: const ImageList = styled('ul', { columnCount: 3, columnGap: 10, display: 'block', listStyleType: 'none', overflowY: 'auto', padding: 0, margin: 0 }) const ImageListIte
浏览 3
提问于2021-11-06
得票数 2
2
回答
html/css:为什么填充会放大我的div
html
、
css
我有以下标记: <div style="position:absolute;width:100px;height:100px;background-color:#ccc"> <div style="position:absolute;width:100%;height:100%;background-color:#fcc;padding:50px;"> TEST </div> </div> 据我所知,内部div中的填充应该只移动文本的位置,而不是放大di
浏览 0
提问于2011-04-01
得票数 1
回答已采纳
2
回答
为什么不与svg的高度比例
html
、
css
我想要与svg的高度转换,为什么在开始时将rect设置为百分比,但在悬停时不坚持呢? div{ width: 50%; background: red; height: 200px; } div:hover{ height: 400px; } svg{ width: 100%; height: 100%; background: green; } rect{ fill: yellow; width: 100%; height: 100%; } <div> <svg><rect /></svg> &l
浏览 2
提问于2021-06-13
得票数 0
回答已采纳
3
回答
将一个div悬停在内容将保留的另一个Div上
javascript
、
html
、
css
所以,我想要做的是并排放置2个div。当我将鼠标悬停在左侧div上时,我希望它将宽度扩展到整个页面,同时覆盖右侧div。当我将鼠标悬停在右边的div上时,我想要扩展宽度-100%,这样它就会覆盖左边的div。我让它们并排坐着,左边的div 100%过渡到右边,右边的div扩展到左边-100%。我遇到的主要问题是,它将在它扩展到的任何一侧显示100%的div。这是我的代码。 到目前为止,我只使用CSS属性,但请让我知道一些javascript是否会工作得更好。 HTML code <div id="parent"> <div id="wid
浏览 2
提问于2017-04-13
得票数 0
1
回答
内插SVG单元移动悬停区
html
、
css
、
svg
、
inline-code
我一直在教自己HTML & CSS,最近我进入了SVG,因为我正在寻找跨浏览器的文本梯度。我设计了一个小按钮,一个div覆盖以创建一个阴影透明效果,一个SVG文本特定的div来避免一些不透明问题,然后SVG文本以按钮中间为中心。 我还设计了一个悬停区,以使背景图像恢复到可见性。 所以问题是: 在Firefox和Opera中,元素将“悬停”区域向下并向右扩展约50个像素。 但是,在Chrome和Safari中,这是很好的。 我已经尝试过处理边距和填充,但我想知道这是否只是SVG兼容性问题? 另外,附加的代码纯粹是为了实验目的,而不是用于客户机或工作或其他任何事情。 下面是HTML: &l
浏览 1
提问于2014-08-01
得票数 1
回答已采纳
5
回答
如何在html中使<div>标记中的内容填充空间?
html
、
css
我有一个有精确宽度的div (280 box ),里面有两个超链接和一个输入文本框。超链接只占用一点空间。我需要输入文本框来填充div中的重放空间。我怎么能这么做? Html: <div class="notificationArea"> <a>A</a> <a>B</a> <input id="Text1" type="text" /> </div> CSS: .notificationArea { width: 280px; vertical-
浏览 1
提问于2011-02-28
得票数 5
回答已采纳
3
回答
如何防止镜像扩展到容器之外?
css
、
flexbox
我有一个图像,它的高度大于它的容器的高度。图像被设置为max- height : 100%和max-width: 100%,但它继续超出它所包含的元素(高度-令人惊讶地不是宽度) 我如何防止它扩展到容器之外,同时保持它的纵横比? 上提供了一个示例,该示例中的代码: HTML: .row { display: flex; .col { display: block; border: 1px solid blue; width: 50px; height: 400px; flex-grow: 1; display: flex; f
浏览 0
提问于2015-01-15
得票数 3
回答已采纳
2
回答
更改CSS位置的参考点
html
、
css
我正在尝试使用div布局页面。我在努力,因为指向<div>的参考点似乎在左上角。这是可以的,直到div改变形状。然后,通过左上角的位置是不合适的。 如果您看到,您将获得一个实时示例 #point { position: absolute; top: 50%; left: 50%; } #square { border: solid black 1px; height: 100px; width: 100px; position: absolute; top: 50%; left: 50%; } <div id="point">+</div>
浏览 0
提问于2013-06-19
得票数 4
回答已采纳
1
回答
使用百分比保持容器大小相等的最佳方法(CSS/Bootstrap)
html
、
css
、
twitter-bootstrap
我有一个弹出,在弹出中有2个div是并排的。举一个例子: <div id="popup"> <div id="parentContainer" style="display:inline; width:100%"> <div id="childContainer" style="display:inline; width:50%">content</div> <div id="childContainer" style=&
浏览 0
提问于2015-09-02
得票数 2
回答已采纳
4
回答
CSS: Div框在使用50%时甚至没有
html
、
css
我有两个盒子,我想并排。我在它们的外部使用2px的边框,在我使用的框的内部使用1px (以便使内部边框的2px外观也是如此)。当我使用: height: auto; width: 50%; 这些框甚至不能对它们使用calc规则。它们超过五个像素。如果我删除第一个5 5px,它可以工作,但我有一些留出的空间,在旁边,我烦人,看起来不太干净。下面是我所拥有的一个JSFiddle: 谢谢,DoubleDogg6
浏览 8
提问于2014-12-23
得票数 2
回答已采纳
1
回答
我如何阻止背景移动时,放大?
javascript
、
jquery
、
html
、
css
、
zooming
当浏览器达到100%时,背面的图像就很棒了。即使在50%的放大,他们仍然是好的。但当你继续放大到25%,背景图像位置崩溃或“隐藏”,我希望图像的背景位置:中心顶部保持完整,无论是最小化还是最大化。 我附了一个例子: 您还可以访问并在浏览器中放大以查看发生了什么。顺便说一句:我知道图片中的语法错误:) 唯一与我想要的足够接近的是背景大小:但是,如果将图像设置为以下所示,则图像不再是从一个屏幕到另一个屏幕的全宽度。 #header-image4 { background-image:url("{{ 'old-friends-555527_19201.jpg
浏览 2
提问于2016-02-17
得票数 3
回答已采纳
4
回答
悬停时,从框角填写div/box的背景色。
javascript
、
jquery
、
html
、
css
我正在尝试从框的角填充div/box的背景色,并找到一种方法来指定要开始“填充”的哪个角。 我有一个盒子,它可以在悬停时填充,但它只能从顶部、底部、左边或右边填充。 #txt { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 2vw; } #box { position: fixed; top: 25%; left: 25%; height: 20vw; width: 20vw; border: 2px solid de
浏览 7
提问于2017-09-20
得票数 0
回答已采纳
1
回答
设置宽度,高度通过setAttribute为一个栅格的divs a-素描.悬停时的样式重置
javascript
、
loops
、
styles
、
width
、
setattribute
我对编码很陌生。我正在编写一个蚀刻草图(通过奥丁项目)。基本上,它是由一个网格组成的,当它在上面盘旋时,网格的方框就会变成随机的颜色。(容器应该保持相同的尺寸)在加载页面时,它从16x16框的基本网格开始。 用户还可以选择创建自定义网格(例如,如果用户输入50,容器将被填充50x50框,其高度和宽度将适合于填充容器) 我似乎被困在这个阶段,当按钮被点击,你输入大量的框,网格将更新。但是,当在这个“自定义”网格上盘旋时,框大小将重置为CSS中定义的原始宽度/高度。 盒子在悬停时应保持其自订尺寸。(当颜色改变时) 在代码页下面将清楚地显示问题,(输入自定义网格大小(性能最高为100 )并按ente
浏览 4
提问于2022-02-11
得票数 1
回答已采纳
4
回答
如何使输入字段占未使用空间的100%?
html
、
css
我已经在这个小东西上转了好几个小时了。我有个div。在这个div中,我希望右边(并排)有两个按钮,行的其余部分由一个输入字段填充。我已经尝试了无数的CSS选项组合,但我无法弄清楚。 我需要item1和item2并排并排,占用父div的整个宽度。CSS大师有什么想法吗?谢谢!! <div style="width: 50%; border: 1px solid black; height: 300px;"> <br/> <div style="width: 100%"> <input id
浏览 7
提问于2015-08-26
得票数 5
回答已采纳
1
回答
使用“paging”创建动态文本框
asp.net
、
dynamic
、
textbox
、
runtime
、
paging
基于这里的解决方案: 我可以在运行时成功地创建动态asp.net控件。因此,如果用户输入10,它将显示10个文本框,如果用户输入50,它将显示50。到目前为止一切都很好。但是50个文本框会使页面变得非常长。 我应该如何并排显示文本框?分页是个好主意吗?
浏览 2
提问于2009-05-07
得票数 0
回答已采纳
3
回答
如果我给了很大的填充/边框,边框不工作
javascript
、
html
、
css
我有一个div,我需要保持宽度和高度不变,不应该因为应用了边框和填充而变化。我使用了border-box属性。它在某种程度上正在发挥作用。 div{ border:1px solid black; width:100px; height:100px; -moz-box-sizing:border-box; } 但在极端情况下失败了。 div{ border:60px solid black; width:100px; height:100px; -moz-box-sizing:border-box;
浏览 2
提问于2013-12-31
得票数 0
2
回答
在网页的全宽显示图像
html
、
css
我有一个滑翔机,其中包含images.Images自动幻灯片,根据settings.My图像大小是2000*400 .Now,我希望我的图像显示在网页的全部宽度,但它显示在网页的中间。这是HTML。 <div id="sliderFrame"> <div id="slider"> <img src="images/1.jpg" alt="" /> <img src="images/2.jpg" alt="" /&
浏览 0
提问于2014-08-06
得票数 1
回答已采纳
1
回答
引导面板高度100%超过大小
css
、
twitter-bootstrap
、
twitter-bootstrap-3
在下面的代码中,我试图找出为什么面板从底部扩展到它的父高度。 <!--Beginning of Chart 1 --> <div id="chartBox1" class="max col-lg-8 col-md-8 col-sm-24 col-xs-24"> <!-- Beginning of Panel For Chart 1 --> <div class="panel panel-default max"> <div class="pa
浏览 4
提问于2014-08-30
得票数 2
回答已采纳
2
回答
Css网格和图像覆盖
html
、
css
、
css-grid
我试过将悬停效果放在css网格中的图像上,但就是不能正确放置。滚动图像时出现问题。 悬停效果显示在栅格上方。我希望鼠标悬停在适当的图像上。我看了上百篇帖子,但出于某种原因,我看不出问题所在。我已经尝试使用CSS来解决这个问题,并且希望只使用CSS来解决这个问题,但我对建议持开放态度。 有人能帮我纠正我做错了什么吗?如果您能提供任何帮助,我们将不胜感激。谢谢你的帮忙! 我提供了一个指向我的代码的链接:https://codepen.io/sktorres/pen/NoBZQV 下面是我编写的CSS,以及包含网格的主包装器: .wrapper{ display:grid;
浏览 25
提问于2019-02-20
得票数 1
6
回答
CSS框模型问题(计算宽度和填充)
html
、
css
当我有一个元素有100%的宽和高和10px的填充,那么这个元素需要100%的父元素和10px的周围。 我知道这对于div、span来说是合乎逻辑的,但在我看来,当涉及到链接、按钮等时,去掉父元素是相当恼人的。 我昨天创建了这个菜单,试着在子菜单中悬停链接,看看有什么问题: overflow: hidden可以做到这一点,但它也隐藏了3级菜单: (将鼠标悬停在两个示例中的功能>功能#5以查看差异) 我不想添加nbsps;等等。 有什么简单的解决方案吗?
浏览 0
提问于2011-03-25
得票数 1
3
回答
在React中定位表单输入
css
、
reactjs
我正在使用react构建一个登录页面,下面是我得到的结果 class Landing extends Component { state = { box: { width: "300px", height: "100px", margin: "0 auto", border: "1px solid blue", textAlign: "center", verticalAlign: "middle", l
浏览 24
提问于2020-05-06
得票数 1
回答已采纳
2
回答
为什么当容器的图像内容的高度发生变化时,容器的高度不适应?
html
、
css
当我将图像的高度设置为50%时,其容器的高度保持不变,而不是自动调整。 HTML: <section class="img-show"> <div class="img-container"> <ul> <li class="img-item"> <a href=""> <img src="./An
浏览 0
提问于2018-02-22
得票数 0
1
回答
如何使多行文本框填充父div
css
、
asp.net-mvc
我正在做一个MVC3项目,CSS从来不是我的强项,但我有一个页面,上面有五个div的位置:容器,左上,右上,左下和右下。 在右下角的div中,它的子元素是一个多行文本框,我需要用它来填充父div,在右边和底部添加填充。# div -note被分配给我需要拉伸的文本框的id属性,父div是#div-container-optional2。 有人能告诉我为什么我不能用文本框填充这个div吗? #div-container { width: fill-available; margin: 0 auto; } #div-content1 { width: 50%
浏览 0
提问于2012-06-19
得票数 0
回答已采纳
1
回答
jQueryUI对话框中的DIV在对对话框进行多次调整后会溢出。
javascript
、
jquery
、
html
、
css
、
jquery-ui
你好,谢谢你们给我的高质量的答案,我一直在这里. 我有一个带有DIV的jQueryUI对话框. 此div设置为填充对话框空间: div.dialog-contents { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } 当我开始调整对话框的大小(水平的或垂直的)时,它慢慢地开始缩小或扩大到对话框的边界之外!这很奇怪..。 当我使用调试工具检查元素时,我注意到: 在外部div中(创建对话框中的div ),大小是这样计算的:width: 294.960000038147px; 但
浏览 1
提问于2013-12-12
得票数 2
回答已采纳
1
回答
在加载图像前设置div高度
html
、
css
这有点难以解释。我会尽我所能的。 我在div中加载了动态图像(想想提要中的Instagram图像)。图像随着屏幕的大小(响应性)而扩展或缩小。我将宽度设置为100%,高度设置为自动。问题是,在图像加载之前,div高度什么都不是,直到div随图像扩展。我希望在图像开始下载/填充div之前,div (此图像所在的框)在页面加载时设置为正确的高度。所需的结果将如下所示:在页面加载时,您有一个框的提要,这些框都设置为正确的大小,然后图像在加载时填充这些框。 我的div css是: padding: 0 10px 0 8px; box-sizing: border-box; 我的图像css是: widt
浏览 15
提问于2017-01-25
得票数 1
4
回答
内联块div丢失右边框
html
、
css
使用这段代码,我可以得到两个div并排的代码。但是,第二个div的右边框不见了。好像是尺寸问题,好像div超出了范围.我怎么才能解决这个问题? 我试着增加空白处,什么都没有. .wrapper { width: 100%; white-space: nowrap; overflow: hidden; } .left { width: 50%; height:10px; border: 1px solid; display: inline-block; } .right { width: 50%;
浏览 1
提问于2016-07-22
得票数 0
回答已采纳
1
回答
图的非固定高度(amCharts)
html
、
css
、
twitter-bootstrap-3
、
amcharts
我正在尝试使用amCharts来创建图形。现在我的html包含以下内容: <div id="chartdiv" style="width: 100%; height: 400px;"></div> 它按宽度填充所有屏幕,但有硬编码的高度。因此,它在我的手机上显示不正确。当我尝试这样做时: height: 50%; 它不工作(什么也不显示)。 可以设置百分比的高度吗?(我需要一个图形,它将占据屏幕高度的50% )。也许可以通过Bootstrap实现这一点(如何实现)?
浏览 0
提问于2015-02-09
得票数 0
3
回答
div不会随CSS属性更改大小
css
、
reactjs
、
font-awesome
我试图使用纯CSS在React中添加一个周围的div图标,但由于某些原因,div不会响应大小。 在悬停时,背景颜色会发生变化,但由于某种原因,我无法使用CSS增加div的大小-它只是保持与它所包装的图标相同的尺寸。 这是我的JSX: <div onClick={handleShowLegend} onKeyDown={handleShowLegend} role="button" tabIndex={0} className="showLegendB
浏览 1
提问于2020-01-27
得票数 0
1
回答
当窗口宽度变小时,它就超过了内容
html
、
jquery
、
css
、
responsive
这是我的密码: $("window").load(function() { $("#body").removeClass("preload"); }); $(".share-btn").mouseenter(function() { setTimeout(function() { $(".item-menu").addClass("visible") }, 500); }); $(".share-btn").mouseleave(function() {
浏览 1
提问于2020-07-08
得票数 0
回答已采纳
1
回答
将<span>项目并排放置
html
、
css
我试图创建一个边栏div的图标和‘顶行’div与图像和文本并排显示。侧边栏是可以的,但我的顶部行在'h1‘和'h3’的顶部显示图像。反过来,h1和h3并排显示。 html的主体: <div class="top-row"> <span> <img class='fotoPerfil' src="images/foto.jpg" alt=""> </span> <span>
浏览 1
提问于2022-09-22
得票数 0
回答已采纳
1
回答
背景图像和响应性问题
html
、
css
、
responsive-design
、
magnific-popup
我正在使用Magnific并排显示两部分内容;左侧是一个带有背景图像的div,背景图像可以有两种不同的大小,但问题是我很难用响应式的尺寸来填充它们的容器。 目前,我不得不手动设置每一个的宽度和高度,这是我试图避免的。我选择了背景图片,而不是img元素,这样我就可以在手机上显示不同的图片。 我尝试了各种background-size、position和height值,但都无济于事。我想如果我理解了这个问题,我会更幸运地解决它。我假设问题出在图像div的一个容器上。 HTML: <div class="left-half"> <div class="pop
浏览 0
提问于2015-11-20
得票数 0
6
回答
对齐两个50%的div,带边距且无溢出
css
、
html
我如何让两个div并排有50%的宽度,并且没有第二个div落在第一个div下面的空白处?Div id样式如下: #div3{width:50%; float:left; margin: 2px; background-color:yellow;} 谢谢,丹
浏览 2
提问于2013-05-09
得票数 0
回答已采纳
4
回答
输入类型的宽度为100%,并位于父div内。
html
、
css
我有一个表单输入一个电子邮件,密码和一些其他按钮。 html: <div id="login-form"> <form> <input type="email" placeholder="Email" id="email" name="email_phone"> <br> <input type="password" placeholder="Password" id="password"
浏览 5
提问于2016-04-30
得票数 3
回答已采纳
6
回答
如何扩展div以填充整页
html
、
css
我正在构建一个两列并排的页面,应该填充整个页面。两列都应该是可用宽度的50%,两边都没有空隙或填充物,并根据分辨率占可用高度的100%。 * { padding: 0; margin: 0; } html, body { height: 100%; display: flex; flex-direction: column; overflow: hidden; } body>* { flex-shrink: 0; } .login-column { float: left; width: 50%; background-color: #F
浏览 1
提问于2019-11-25
得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
科非设计网:CSS属性详解网站建设科非网站设计官网www.k9f9.com
CSS盒子模型入门
从 Chrome 源码看浏览器如何 layout 布局
一种快速实现滑屏页面布局的方法
CSS中的float-每日一招
热门
标签
更多标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM
活动推荐
运营活动
广告
关闭
领券