gpt4 book ai didi

html - 在创建流畅的格式时遇到问题。

转载 作者:行者123 更新时间:2023-11-28 13:00:35 25 4
gpt4 key购买 nike

我苦苦思索为什么我的内容会溢出,而我的 div 播放效果不佳。 (所有人都坐在他们应该坐的地方。)这是我目前所拥有的链接。我会继续尝试。但任何帮助将不胜感激。

http://jsfiddle.net/X53vD/

谢谢,山姆。

    #wrapper {
width: 100%;
height:auto;
background-image: url(images/shattered.png);
background-repeat: repeat;
margin: auto;

}

#header {
width: 95%;
height: 5%;
max-width: 1024px ;
max-height: 768px ;
background-color: rgba(102,204,255,50);
margin: 0.5% ;
border: 0.5% ridge rgb(204,255,204);
padding: 0.5%;
}

#menu {
width: 5%;
height: 80%;
max-width: 1024px ;
max-height: 768px ;
float: left;
background-color: rgba(102,204,255,50);
margin: 0.5% ;
border: 0.5% ridge rgb(204,255,204);
padding: 0.5%;
}

#sidebar {
width: 5% ;
height: 80%;
max-width: 1024px ;
max-height: 768px ;
float: right ;
background-color: rgba(102,204,255,50);
margin: 0.5% ;
border: 0.5% ridge rgb(204,255,204);
padding: 0.5%;
}

#content {
width: 80% ;
height: 80%;
max-width: 1024px ;
max-height: 768px ;
background-color: rgba(215, 239, 255,70);
margin: 0.5% ;
border: 0.5% ridge rgb(255, 232, 124);
padding: 0.5%;
}

#footer {
width: 95% ;
height: 5%;
max-width: 1024px ;
max-height: 768px ;
clear: both;
background-color: rgba(102,204,255,50);
margin: 0.5% ;
border: 0.5% ridge rgb(204,255,204);
padding: 0.5%;
}

最佳答案

您的内容从容器中溢出,因为您将它们设置得太小。例如菜单:

#menu {
width: 5%;
}

我已经清理了您的布局并设置了更舒适的宽​​度。你可以在这里看到它。

http://jsfiddle.net/X53vD/10/embedded/result/

您要制作响应式网站吗?

关于html - 在创建流畅的格式时遇到问题。,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16183651/

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