html - 使用 HTML 和 CSS 创建的网页上的额外空间-6ren

html - 使用 HTML 和 CSS 创建的网页上的额外空间

In lại 作者：行者123 更新时间：2023-11-28 02:33:37

我在页面右侧看到一个空间，位于标题下方，我似乎无法移动它。我想要右边的文本框几乎一直到右边。这是我正在学习的 HTML 类，而不是真实的地方。关于如何使类 .right 一直移动到屏幕右侧有什么建议吗？

Cảm ơn bạn rất nhiều.

HTML

CSS
/* site.css */
thân hình {
  background-color: #D4AD6A
}

html, body {
  padding: 0 auto;
  margin: 0 auto;
  height: 100%;
  width: 100%;
}

header{
	color: #256E5D;  
	background-color: #805815;
	height: 100px;
}

footer {
  căn chỉnh văn bản: ở giữa;
  margin-left: 40%;
  padding: 15px;
}

nav {
  float: right;
  margin-right: 10px
}

nav li{
  display: inline;
}

td,th {
  border: 1px solid black;
}

table {
  border-spacing: 0px
}

.main {
  font-family: times-new roman;
  color: yellow;
}

.title {
  color: #3B3176;
  font-size: 48px;
  font-family: 'Times New Roman', Times, serif;
  căn chỉnh văn bản: ở giữa;
  vị trí: tương đối;
  top: 50%;
  transform: translateY(-50%);
}

.header-image {
  margin-left: 20px;
  margin-top: -50px;
}

ul.a {
    list-style-type: none
}

.products_inline{
    font-size: 36px;
    color: yellow;
    chiều rộng: 50px;
    hiển thị: khối nội tuyến;
    vertical-align: top;
    width: 20%;
}

a.prod_inline:link{
	color: yellow;
	font-size: 36px;
}

a.prod_inline:visited {
    	color: yellow;
	font-size: 36px;
}

.inline {
    hiển thị: khối nội tuyến;
    căn chỉnh văn bản: ở giữa;
    margin: auto;
    width: 60%;
    /*border: 3px solid black;*/
}

.right {
  hiển thị: khối nội tuyến;
  căn chỉnh văn bản: phải;
  width: 125px;
  vertical-align: top;
  margin-top: 15px;
  border: 2px solid black;
}

.rightform {
  float: right;
}
.flex{
  hiển thị: flex;
}

.centerform{
  hiển thị: flex;
  flex-direction: cột;
  width: 320px;
  font-family: Arial;
  color: yellow;
  /*border: solid black 3px;*/
}

.page_grids{
  hiển thị: khối nội tuyến;
  text-align: left;
}

table {
  width: 700px;
  margin-top: 25px;
  border: solid black 1px;
  border-spacing: 0px

}



<đầu>
	Uncle's Bait and Tackle Shop Rods
	



	
	
		
			Uncle's bait and tackle shop

			
		<điều hướng="">
       	 	
         		Home

         		About Us

       		

      	
			
		

	

	
	
			Rods

			Lures

			Terminal 
  Tackle

			Clothing

[MAKE LARGER, CENTER, USE CSS]Rods
Spinning Image	Our large selection of spinning rods
Spin Casting Image	Our selection of spin casting rods are perfect for the novice angler and masters alike
Baitcasting Image	Our selection of baitcasters are perfect for those that need precision casting
Specialty Rods Image	Our selection of specialty rods will meet your needs for those species specific targets such as salmon or sturgeon

Right side text will this wrap or keep going Right side text will this wrap or keep

going Right side text will this wrap or keep going

1 Câu trả lời

你的标记很糟糕，但你不应该为此感到难过。我对你的 HTML 进行了一些重构，以便它可以正常运行(但它仍然看起来不太好)。

HTML:

    
        Uncle's bait and tackle shop

        <điều hướng="">
             
                Home

                About Us

            

        
        
    


    
        
            
                Rods

                Lures

                Terminal 
  Tackle

                Clothing

           

        


        
            

                    

        
            Right side text will this wrap or keep going Right side

CSS:

.main {
    clear: both;
}

.right {
    float: right;
}

关于html - 使用 HTML 和 CSS 创建的网页上的额外空间，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/47561276/

Các bài viết nóng hổi trên toàn bộ trang web

trang đầu

đã học

Trí tuệ nhân tạo 6Ren

Trung tâm mua sắm

html - 使用 HTML 和 CSS 创建的网页上的额外空间