gpt4 book ai didi

html - 如何在 CSS 中忽略父级的宽度限制

转载 作者:搜寻专家 更新时间:2023-10-31 21:57:33 25 4
gpt4 key购买 nike

<分区>

我的代码示例:

检查此链接 https://jsfiddle.net/b5woxesg/

解释:

我的网站内容是这样放置的,以使其位于页面的中心。使用以 % 为单位的 width: 和以 px 为单位的 max-width: 不拉伸(stretch)。此内容是从 Markdown 文件中调用的,因为我使用的是 jekyll。

我想做的是:每当我调用MD文件中的{% highlight %}时,生成的代码块应该是width: 100% 但忽略父级的宽度限制。我的意思是整个页面的 100%。此外,里面的文字应该与页面内容保持一致。类似的东西:

enter image description here

但是高亮div是在蓝色边框的内容里面。

我相信如果不改变当前的结构就无法做到这一点,我对此没有问题,但由于我使用的是 MD 文件,因此可以限制某些更改。

@EDIT:解决方案:

谢谢大家的帮助。

我使用了 @MD Ashik 技巧,并使用简单的 jQuery 代码改进了它,保存了 .highlight height(因为我使用的是 height: auto 高度可以是任意数字)。然后我在.highlight 旁边创建了一个div class="space",它只用于填充内容中的空间。所以我将 .space div 设置为 .highlight 的 height

查看:https://jsfiddle.net/b5woxesg/7/

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