Question

我有以下HTML。我知道带有id="id1"的父div已经在css文件中设置了它的高度和宽度。对于此上下文，如何将按钮的高度和宽度设置为父div的相同高度和宽度？详细地说，我不想出于某种原因检查css文件中的值。

<div id="id1">    
<button type="button" >Hello<button/>    
</div>

作为帖子脚本：让我解释一些其他背景。我不能改变CSS因为它不是我的。所以我无法改变父div通过其id定义其高度和宽度。请帮我解决问题。

Answer 1

使用： width: 100%; height: 100%;
或width: inherit; height: inherit;关于孩子的事。

查看解决方案： https://jsfiddle.net/warkentien2/zryd01r6/

Answer 2

首先使用的是class而不是“id”，因为id是唯一的。

<button class="your-class-name" type="button" >Hello</button>

[CSS]

if your button is in a div:
.your-class-name{width:100%;height:100%}
Else mention its width and height as your expectation
.your-class-name{width:80px;height:40px}

Answer 3

在阅读了这几次后，我得到了你的问题。在团队环境中有更好的方法。更好的方法。但是要按照你的说法完全回答你的问题。

<div id="id1">    
<button type="button" style="height:100%;width:100%">Hello</button>    
</div>

^打破正确的团队设计原则和SOC，但回答你的问题。

这不是最好的做事方式

您可以在提供的CSS文件
您可以按照允许的正确顺序编译Sass 做出这样的改变，比方说，devsass.sass评论得很好，以至于UX用户可以看到你做这件事的原因和原因以及他们是否可以自己处理。
沟通

似乎没有沟通。

为了推动这一点，似乎你正在寻找一种方法来解决这个问题。这不是正确执行此操作的方法。

Answer 4

<div class="id1">    
<button class="id1" type="button" >Hello</button>
</div>

尝试一下，它使按钮具有与div相同的id，因此它应该将其缩放到与主div相同的大小。

编辑：忘了你应该使用多个对象的类。

使用Html或javascript，如何将按钮的高度和宽度设置为父div的高度和宽度

4 个答案: