|
|
相关文章推荐
|
鬼畜的雪糕 · 2024第31届成都医疗健康博览会 ...· 6 月前 · |
|
|
孤独的沙发 · 非遗进校园：竹编，交织千年的纵横艺术之美· 1 年前 · |
|
|
大方的钥匙扣 · 月婵仙子的修行第二集_哔哩哔哩_bilibili· 1 年前 · |
|
|
爱搭讪的烤红薯 · GitHub - ...· 2 年前 · |
|
|
风流的开水瓶 · 刘施峰-材料科学与工程学院 - 重庆大学· 2 年前 · |
我需要两个div来看起来有点像这样：
| |
---| LOGO |------------------------
| |_______________| LINKS |
| CONTENT |让它们整齐重叠的最整洁/最优雅的方式是什么？徽标将具有固定的高度和宽度，并将接触页面的顶部边缘。
4 个回答
高票数
最新
sblundy
修改于2008-11-06 22:13
得票数
5
使用绝对或相对定位，您可以进行各种重叠。您可能希望徽标的样式如下：
div#logo {
position: absolute;
left: 100px; // or whatever
}注:绝对位置有它的古怪之处。你可能需要做一些实验，但是做你想做的事情应该不会太难。
FlySwat
回答于2008-11-06 22:04
得票数
2
使用CSS将徽标div设置为绝对位置，并将z顺序设置为高于第二个div。
#logo
position: absolute:
z-index: 2000;
left: 100px;
width: 100px;
height: 50px;
}
randers
修改于2019-08-24 12:02
得票数
93
我可能会这样处理它(CSS和HTML)：
html,
body {
margin: 0px;
#logo {
position: absolute; /* Reposition logo from the natural layout */
left: 75px;
top: 0px;
width: 300px;
height: 200px;
z-index: 2;
#content {
margin-top: 100px; /* Provide buffer for logo */
#links {
height: 75px;
margin-left: 400px; /* Flush links (with a 25px "padding") right of logo */
}<div id="logo">
推荐文章
|
|
孤独的沙发 · 非遗进校园：竹编，交织千年的纵横艺术之美 1 年前 |
|
|
大方的钥匙扣 · 月婵仙子的修行第二集_哔哩哔哩_bilibili 1 年前 |
|
|
爱搭讪的烤红薯 · GitHub - PaddlePaddle/PaddleSeg: Easy-to-use image segmentation library with awesome pre-trained mod 2 年前 |
|
|
风流的开水瓶 · 刘施峰-材料科学与工程学院 - 重庆大学 2 年前 |