初学html怎么用div实现分块

2025-03-10 12:55:58
推荐回答(5个)
回答1:

左右设定的宽度和不大于整体宽度,然后用一个float:left;浮动就行了。最好是给左右两个都加上,对应的还有float:right;平时多看看基础,这里有http://www.w3school.com.cn/。大哥你坑爹啊。

font-size:22px;
font-face:carbel;
font-weight:bold;

font和后面是用-连接的,再有h1是默认就有font-weight效果的

回答2:





Homework on 3.24

.body{
margin:0px;
border:0px;
padding:0px;
}
#all{
width:1024px;
height:650px;
margin:0 auto;
padding-right:7px;
border:10px solid #E2E3E4;}
.top{
padding:0 10px;
height:71px;
width:98%;
background-color:#E6EAED;
border:4px solid #fff;
border-bottom:2px solid #fff;
margin-right: auto;
margin-left: auto;
}
.top2{
line-height:71px;
}
.top span{
font-size: 32px;
color: #000;
font-weight:bold;
}
.main{
width:100%;
height:500px;
border: 4px solid #999999;
margin-top: 0;
margin-right: auto;
margin-left: auto;
}
.main_left{
width:25%;
float:left;
border-right:4px solid #999999;
height: 500px;
}
.liebiao{
margin-left:16%;
}
.main_left ul li{
margin-top:5px;
}
.main_left ul li a{
color:#000;
text-decoration:none;
font-size: 16px;
font-weight: bold;
}
.main_left ul li a:hover{
color:#F63;
text-decoration:underline;}
.main_left .liebiao{
margin-top:30px;}
.main_right{
width:74%;
float:right;
}
.yonghu{
margin-top:30px;}
.hang1{
height:20px;
font-weight:bolder;
font-size:18px;
}
.hang2{
height:71px;
margin-top:10px;
}
.hang3{
height:71px;
margin-top:10px;
}
.hang4{
height:71px;
margin-top:10px;
}







Homework
    





    
    

            
  • Item 1

  •               
  • Item 2

  •             
  • Item 3

  •             
  • Item 4

  •         

        

    

    

        
             Avatar

                Username

                email

            
            
          
                Mario
                mario@test.com
          
            
            
                Spiderman
                spiderman@test.com
          
        
            
                Bomberman
                bomberman@test.com
      
      
  



自己写的,可能有点缺陷,你可以参考一下吧,用div布局的

回答3:

div+css可以很容易实现,一个简单的例子:


















回答4:





回答5:

frame 或者 iframe 最简单 当然 div float 也可以实现