Trung tâm cá nhân
sách gpt4 ai đã đi

Sự cố với bố cục div. gỡ rối

In lại 作者：行者123 更新时间：2023-11-28 13:46:00 29 4
mua khóa gpt4 Nike

好吧，我制作的每个页面都有这个问题。我不确定我做错了什么，但我所有的页面都不适用于所有分辨率。可能是因为我使用的是宽屏？大声笑我不确定，但在小于宽屏分辨率的情况下，它永远不会看起来正确。它的某些部分你看不到，所以你必须滚动到一边，或者在这种情况下，内容比 div 延伸得更远。一个例子是 larzconwell.com

所以这是代码。如果您能帮我解决这个问题，我将不胜感激。



<đầu>





Larz Conwell

/* standard */
thân hình {
    background-color: #333;
color: #ccc;
font-family: 'Tinos', arial, serif;
}
a:link {
color: #CCC;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #CCC;
}
a:hover {
text-decoration: none;
color: #09F;
}
a:active {
text-decoration: none;
color: #09F;
}
textarea {
    resize: none;
}
/* classes */
.dash {
font-size:20px;
color:#09F;
}
.header {
z-index:1;
float:left;
background:#666;
margin-left:25px;
margin-top:75px;
padding-left:5px;
padding-right:5px;
padding-bottom:5px;
width:31%;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
-moz-box-shadow: 5px 5px 2px #000;
-webkit-box-shadow: 5px 5px 2px #000;
box-shadow: 5px 5px 2px #000;
opacity:0.9;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
}
.menu {
z-index:3;
float:right;
background:#666;
margin-left:25px; /*only applies if floating left */
margin-right:25px;
margin-top:15px;
padding-left:25px;
padding-right:5px;
width:27%;
-webkit-border-radius: 10px;
   -khtml-border-radius: 10px;
-moz-box-shadow: 5px 5px 2px #000;
-webkit-box-shadow: 5px 5px 2px #000;
box-shadow: 5px 5px 2px #000;
opacity:0.7;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
.menuname {
color:#09F;
font-size:20px;
}
.content {
z-index:2;
float:left;
background:#666;
margin-left:25px; /*only applies if floating left */
margin-right:25px;
margin-top:50px;
padding-top:25px;
padding-left:25px;
padding-right:5px;
padding-bottom:25px;
width:60%;
-webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
-moz-box-shadow: 5px 5px 2px #000;
-webkit-box-shadow: 5px 5px 2px #000;
box-shadow: 5px 5px 2px #000;
opacity:0.7;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
 }

.linkletter {
color: #09F !important;
font-size:50px !important;
}
.linkletter:hover {
color:#000 !important;
font-size:50px !important;
}
.links {
font-size:35px !important;
}
.links:hover {
font-size:35px !important;
color:#000 !important;
}
.footer {
z-index:2;
float:left;
background:#666;
margin-left:25px; /*only applies if floating left */
margin-right:25px;
margin-top:20px;
margin-bottom:20px;
padding:10px;
width:31%;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
-moz-box-shadow: 5px 5px 2px #000;
-webkit-box-shadow: 5px 5px 2px #000;
box-shadow: 5px 5px 2px #000;
opacity:0.7;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}




  $(tài liệu).ready(hàm() {
$('div').hide().fadeIn(3500);
  $(".header").draggable();
 });  
 $(tài liệu).ready(hàm() {
  $(".menu").draggable();
 }); 
  $(tài liệu).ready(hàm() {
  $(".content").draggable();
 }); 
  $(tài liệu).ready(hàm() {
   $(".footer").draggable();
  }); 






Larz Conwell

//Web Designer & Graphic Artist




Note right now the Portfolio portion of the website does not work and is in progress.

  
 //Portfolio

//Photography   //Photoshop Creations   //Designs




 









 
  About

  Hello I'm Larz Conwell and i reside in Georgia, I am a Freelance Web Designer and Graphic Artist. As of right now i am a senior in high school and i am working on getting better at Web Design as well as Graphic Design. If you would like a web site made or editing done please ask i would love to help, and since im only in high school, for now im doing anything for free. 
  Contact
    

      
















        
          Name          
          		        
        
          E-mail          
          		        
        
          Comment          
            
          		        
        
                   
        
  Questions & Answers

    Q: Why should i pick you to make my website?

    A: I am able to make your website however you want and i have good design techniques so it will look great and also have great functionality at the same time.

    

    Q: Why would you make content for people for free?

    A: Mainly because im in high school and i dont have "proper" training, so i feel i should do it for free till i get out of college. Plus, who doesnt like free stuff? 		  
  
  Facebook          E-mail   
 


//©2011 All Rights Reserved Larz Conwell           E-mail



提前致谢(:

1 Câu trả lời

在您的每个 div 元素上都设置了百分比宽度，这意味着当浏览器窗口小于特定宽度时，您的 div 也会调整大小并且 div 的内容会掉落。这可以通过用像素值替换百分比宽度来解决，你可以试试这个:正确:

  • 宽度:360px;

不正确(导致浏览器调整大小问题):

  • 宽度:30%;

关于css - div布局问题。解决，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/5208664/

29 4 0
Bài viết được đề xuất: html - css 反射问题 - 反射图像的错误部分
Bài viết được đề xuất: php - jquery if 语句和 hasClass？
Bài viết được đề xuất: ios - 如何将标题从 UIAlertAction 发送到另一个 UIViewController 作为该 VC 的标题
Bài viết được đề xuất: javascript - D3和鼠标事件，点击测试不起作用
行者123
Hồ sơ cá nhân

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá Didi Taxi miễn phí
Mã giảm giá Didi Taxi
Các bài viết nóng hổi trên toàn bộ trang web
Giấy chứng nhận ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com