当前位置: 首页 > 面试题库 >

设置高度:我的标签元素上的100%不起作用

龙繁
2023-03-14
问题内容

我尝试设置height: 100%;标签,但没有成功。为什么不?

.field label {

    color:#3E3E3E;

    font-weight:bold;

    width:80px;

    display:block;

    float:left;

    margin-top:5px;

    margin-left:3px;

    height:100%; /* <-- doesn't work */

}

.field {

    display:block;

    margin-bottom:9px;

    background:none;

    border:none;

}


<div class="field large">

    <label>Textarea</label>

    <textarea></textarea>

</div>

问题答案:

您将身高设置为100%,但是100%是什么?它始终是该元素的父级,因此父级的高度设置为什么?如果未将其设置为任何值,则浏览器没有任何参考。



 类似资料:
  • 问题内容: 我在尝试使用内包装创建with时遇到了一些麻烦。 我注意到它在Firefox和IE 9中不起作用。 这是问题的摆弄。您会注意到它和Chrome或Opera一样都能正常工作。 代码有什么问题? 有什么办法解决吗? 我想保留和的父母,以便将内容垂直放置在可变高度的容器上。 HTML CSS 问题答案: 为了工作,所有父容器必须为。如果您注意到,则您的样式没有。 添加此样式可解决Firefo

  • 问题内容: 我使用占用所有可用空间的第三方组件,即width=100%和height=100%。我没有控制权。 我正在尝试使其适合以下布局,但是它height=100%不起作用(我希望第三方组件占据所有绿色空间)。 为什么?您将如何解决? 问题答案: 通常,对于使用percent on height来获取其父代的高度的元素,父代需要的高度不是auto或定位为绝对高度,否则height将计算为aut

  • 问题内容: 是否可以在锚标签上设置像素的宽度和高度?我希望锚标签具有背景图像,同时将文本保留在锚内。 问题答案: 您需要制作锚点或,然后它将接受宽度和高度值。

  • 我试图在最新的AndroidLollipop预览版本中使用elevation属性。我将targetSdk设置为21,将主题设置为Material。接下来,我在TextView中添加了一个背景形状,并将标高设置为8dp,但TextView没有显示任何阴影迹象。这是在运行Lollipop预览的Nexus7上。我还有什么要考虑的吗? 布局如下: 这是可绘制的背景: 以下是文本视图:

  • 问题内容: 在设计布局时,我将元素设置为,但是在某些情况下,这失败了,那么应该使用什么? 要么 嗯,这不是基于意见的,因为每种方法都有其自身的缺陷,那么推荐的方法是什么?为什么? 问题答案: 如果你想背景图片适用于和,填补了整个浏览器窗口,两者都不是。使用此代替: 我的推理在这里给出(在此我全面解释如何以这种方式应用背景): 顺便说一句,你为什么要注明原因,并以和分别为,因为无论元素有什么内在的高

  • 问题内容: 在PhantomJS中进行测试时如何设置元素高度? 我正在使用Jasmine框架在Karma上进行测试,并在PhantomJS无头浏览器上运行。我正在尝试测试与“无限滚动”(当用户滚动到容器元素底部附近时自动加载项目)有关的AngularJS指令。我 不 使用jQuery,也不希望(除非没有其他方法)。我正在使用 .clientHeight , .scrollTop 和 .scroll