gpt4 book ai didi

html - CSS:将 div 拉伸(stretch)到 100%,除了一些流体部分

转载 作者:太空宇宙 更新时间:2023-11-04 12:27:50 24 4
gpt4 key购买 nike

我有以下代码:

<html>
<body>
<div id="left" style="height:30%;background-color: cyan;">
</div>
<div id="right" style="height:30%;background-color: yellow">
<a style="padding: 3em;margin: 3em;" >test</a>
</div>
</body>
</html>

我如何将 div (id=left) 拉伸(stretch)到 100% 但除了 div (id=right) 的宽度。我的意思是左 div 宽度 + 右 div 宽度必须等于窗口的 100%。

最佳答案

在 HTML 中切换它们,首先将 #right 放在那里,然后是 #left

float添加到#right,它将具有其内容的宽度,而#left将窗口宽度的其余部分作为其宽度.

<style>
#right {float: right;}
#left {overflow: hidden}
</style>

<div id="right" style="height:30%;background-color: yellow">
<a style="padding: 3em;margin: 3em;" >test</a>
</div>

<div id="left" style="height:30%;background-color: cyan;">xxx</div>

http://jsfiddle.net/9nqme599/2/

关于html - CSS:将 div 拉伸(stretch)到 100%,除了一些流体部分,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27885143/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com