gpt4 book ai didi

css - yui - 液体标题,修复内容

转载 作者:行者123 更新时间:2023-11-28 15:01:29 26 4
gpt4 key购买 nike

如何使用 yui 创建可变页眉 (100%) 并修复内容 (950px) 和页脚?

像这样:

---------------------------------- 
| header (liquid) |
----------------------------------
| left | right |
-------------------
| footer |
-------------------

任何输入将不胜感激。

最佳答案

最好的方法是使用 CSS 网格在 #doc2 div 之外创建一个 div,您可以将其用作页眉 div。只需从 #doc2 div 中删除 div#hd,您将根本没有该 header 。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>YUI Base Page</title>
<link rel="stylesheet" href="http://yui.yahooapis.com/2.7.0/build/reset-fonts-grids/reset-fonts-grids.css" type="text/css">
</head>
<body>
<div id="doc3" class="yui-t7"><div id="hd" role="banner">Header</div></div>
<div id="doc2" class="yui-t7">
<div id="bd" role="main">
<div class="yui-g">
<!-- YOUR DATA GOES HERE -->
</div>

</div>
<div id="ft" role="contentinfo"><p>Footer</p></div>
</div>
</body>
</html>

关于css - yui - 液体标题,修复内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1860286/

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