div class=”hình ảnh”> img class=”logo” src=”img/img1. png” style=”vị trí. tuyệt đối”/> /div> div class=”image2”> img class=”android” src=”img/img2. png” style=”vị trí. tuyệt đối”/> /div>

(Tôi không biết cách làm cho mã của mình hiển thị nên tôi đã bỏ dấu ngoặc mở. ) Với mã trên, img2 sẽ nổi trên img1. Tôi tự hỏi làm thế nào để tách chúng khỏi chồng chéo?

Cảm ơn bạn

Bạn định vị các div này như thế nào?

Sử dụng Floats hoặc chỉ dựa vào luồng tự nhiên của trang sẽ đáng tin cậy hơn và dễ thành thạo hơn nhiều

Chào mọi người,

Vấn đề CSS của tôi

Các liên kết văn bản trong cột bên phải của tôi (" #iiicolright " - trong bố cục 3 cột) chồng lên nội dung xuất hiện bên dưới trong

Đây là CSS của tôi cho bố cục 3 col

#iiicolleft {
	position: absolute;
	left: 0;
	width: 120px;
	margin: 0;
	padding: 0 0px 0 10px;
	text-align: right;
}
#iiicolcontent {
	margin: 0 200px 0 120px;
	padding: 0;
}
#iiicolright {
	position: absolute;
	right: 0;
	width: 200px;
	margin: 0;
	padding: 0 10px 0 0;
}

Đây là HTML

	

	...
	...
	
	...
	...
	


 


	
[home]



		
Current Projects:
		
Link One

		
Link Two

		
Link Three




	
Default home contents go here: Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exercitation ulliam corper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem veleum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel willum lunombro dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.


 
 


	

		...
		...
		
		...
		...			
	

		

Tôi sử dụng H1 H2 và H3 làm dấu phân cách theo quy tắc ngang… đây là CSS

h1 {
	font-size: 15px;
	padding: 0;
	margin: 0;
	line-height: 15px;
	background: url(../img/bg_3x7.gif) repeat-x left center;
	height: 15px;
}
h2 {
	font-size: 5px;
	padding: 0;
	margin: 10px 0 2px;
	line-height: 5px;
	background: url(../img/bg_3x7.gif) repeat-x left center;
	height: 5px;
}
h3 {
	font-size: 5px;
	padding: 0;
	margin: 0 0 5px;
	line-height: 5px;
	background: url(../img/bg_3x7.gif) repeat-x left center;
	height: 5px;
}

Sự trùng lặp có liên quan đến vị trí tuyệt đối của #iiicolright không?

Chồng chéo không xảy ra nếu nội dung ở giữa cao hơn nội dung ở cột bên phải…

Tôi sẽ đánh giá rất cao bất kỳ đề xuất nào mà bất kỳ ai có thể có.

Cảm ơn trước.
Chúc mừng
Micky

Như đã nói ở trên

 
  

	.. .. 
	
	.. .. 
  

 
 
  
[home]

 
  
Current Projects:
  
Link 
	One

  
Link 
	Two

  
Link 
	Three


 
  
Default home contents go here: Lorem ipsum dolor sit amet, consectetuer adipiscing 
	elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam 
	erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exercitation ulliam 
	corper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem 
	veleum iriure dolor in hendrerit in vulputate velit esse molestie consequat, 
	vel willum lunombro dolore eu feugiat nulla facilisis at vero eros et accumsan 
	et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue 
	duis dolore te feugait nulla facilisi.

 
 

 
  

	.. .. 
	
	.. .. 
  

Phao-lô

Xin chào,

Vui vì nó đã giúp

Các trang cá nhân của tôi rác vì tôi dành quá nhiều thời gian để sửa chữa những người khác

đây là danh sách các bản trình diễn mà bạn có thể thấy hữu ích

Thay đổi đường viền chấm khi di chuột.
http. //www. pmob. đồng. anh/temp/biên giới2color1. htm
Đường viền chấm chấm không gây rối mắt.
http. //www. pmob. đồng. uk/temp/categorybox. htm
Cách căn giữa nhiều div.
http. //www. pmob. đồng. uk/temp/centremultiplivs. htm
Vị trí phức tạp của div.
http. //www. pmob. đồng. uk/temp/complexdiv. htm
Nhiều hiệu ứng tái đầu tư.
http. //www. pmob. đồng. anh/temp/cssrollover4. htm
http. //www. pmob. đồng. anh/temp/cssrollover5. htm
http. //www. pmob. đồng. anh/temp/cssrollover8. htm
http. //www. pmob. đồng. anh/temp/cssrolloverjag. htm
http. //www. pmob. đồng. anh/temp/cssrollovertabs. htm
Hiệu ứng tái đầu tư rời rạc.
http. //www. pmob. đồng. uk/temp/disjointedcssrollover. htm
http. //www. pmob. đồng. uk/temp/disjointedcssrollover2. htm
http. //www. pmob. đồng. uk/temp/disjointedcssrollover3. htm
http. //www. pmob. đồng. uk/temp/disjointedcssrollover5. htm
http. //www. pmob. đồng. uk/temp/disjointedcssrollover8. htm
http. //www. pmob. đồng. uk/temp/disjointednavlist1. htm
http. //www. pmob. đồng. uk/temp/disjointedrollover2. htm
Trình đơn thả xuống nằm ngang.
http. //www. pmob. đồng. anh/temp/dropdown_horizontal2. htm
http. //www. pmob. đồng. uk/temp/ngang-menu-hozsub. htm
Bố cục cột 3 bên linh hoạt.
http. //www. pmob. đồng. anh/temp/elliott. htm
cột bằng sử dụng hình ảnh bg.
http. //www. pmob. đồng. uk/temp/equalcolumsví dụ. htm
làm mờ nền dọc.
http. //www. pmob. đồng. anh/temp/example2. htm
http. //www. pmob. đồng. Anh/nhiệt độ/độ dốc. htm
http. //www. pmob. đồng. anh/temp/gradient2. htm
http. //www. pmob. đồng. anh/temp/bgimages. htm

Ví dụ biểu mẫu đơn giản.
http. //www. pmob. đồng. uk/temp/mẫu ví dụ. htm
Cố định vị trí chân trang trong iE.
http. //www. pmob. đồng. anh/temp/fixedfooter_mine. htm
Bảng CSS.
http. //www. pmob. đồng. uk/temp/fourcells both. htm
Thay thế tiêu đề.
http. //www. pmob. đồng. uk/temp/headerreplacement2. htm
Danh sách căn giữa trong dòng.
http. //www. pmob. đồng. uk/temp/hozinlinemenu. htm
http. //www. pmob. đồng. anh/temp/hozinlinelist3. htm
Trăm phần trăm viền xung quanh sử dụng màn hình. bàn.
http. //www. pmob. đồng. uk/temp/trăm phần trăm-hiển thị-bảng2. htm
Kiểm tra khoảng cách hình ảnh.
http. //www. pmob. đồng. Anh/temp/image%20gap%20test. htm
văn bản và hình ảnh bên trái và bên phải trong cùng một phần tử.
http. //www. pmob. đồng. Anh/tạm thời/trái và phải. htm
Liệt kê các hiệu ứng di chuột và đường viền.
http. //www. pmob. đồng. uk/temp/list-withborder-onhover. htm
http. //www. pmob. đồng. uk/temp/list-withborder-onhover2. htm
http. //www. pmob. đồng. anh/temp/list7. htm
http. //www. pmob. đồng. uk/temp/listexample. htm
http. //www. pmob. đồng. anh/temp/cssrollover11. htm
IE5 mac 100% bố cục 3 cột (bố cục duy nhất từ ​​trước đến nay).
http. //www. pmob. đồng. anh/temp/mac3column. htm
Biểu thức độ rộng tối thiểu và tối đa cho tức là.
http. //www. pmob. đồng. uk/temp/min-max-width. htm
http. //www. pmob. đồng. uk/temp/2colminwidth. htm

Ví dụ về nhiều lớp.
http. //www. pmob. đồng. uk/temp/multiple_classes_example2. htm
Độ mờ trong IE.
http. //www. pmob. đồng. Anh/nhiệt độ/độ mờ2. htm
http. //www. pmob. đồng. Anh/nhiệt độ/độ mờ. htm
http. //www. pmob. đồng. uk/temp/opacityview. htm
Mô phỏng văn bản phác thảo.
http. //www. pmob. đồng. uk/temp/outlinetext. htm
Thông báo bật lên trong css.
http. //www. pmob. đồng. anh/temp/popupmessagecss3. htm
thử nghiệm định vị cho thấy các phần tử ở cùng một vị trí trên nhiều trình duyệt.
http. //www. pmob. đồng. Anh/temp/kiểm tra định vị. htm
Hình ảnh bg ngẫu nhiên với css và js.
http. //www. pmob. đồng. anh/temp/ranombgimage2. htm
Liệt kê dấu đầu dòng ở bên phải thay vì bên trái.
http. //www. pmob. đồng. uk/temp/rightbullet. htm
Hoán đổi hình ảnh với js.
http. //www. pmob. đồng. uk/temp/trao đổi. htm
Các hàng có màu xen kẽ trong bảng.
http. //www. pmob. đồng. uk/temp/tablealternaterow. htm
Bảng CSS đơn giản.
http. //www. pmob. đồng. Anh/temp/tabledatacss. htm
Bảng có cột cố định khi cuộn nội dung.
http. //www. pmob. đồng. anh/temp/tablescroll. htm
Hiệu ứng tab.
http. //www. pmob. đồng. anh/temp/tabmenu_mine2. htm
Ví dụ về tiêu đề trong suốt.
http. //www. pmob. đồng. tiêu đề uk/temp/trong suốt. htm
Căn dọc. ví dụ.
http. //www. pmob. đồng. uk/temp/dọc-căn. htm
http. //www. pmob. đồng. uk/temp/vertical-align-ví dụ. htm
Ví dụ ba cột.
http. //www. pmob. đồng. uk/temp/3colfixedtest_4. htm
http. //www. pmob. đồng. anh/temp/new3colfluid/3col. htm
http. //www. pmob. đồng. anh/temp/new3colfluid/3col_3. htm
http. //www. pmob. đồng. uk/temp/new3colfluid/3colfluid_1. htm
http. //www. pmob. đồng. anh/temp/mac3column. htm
Căn giữa một cột.
http. //www. pmob. đồng. anh/temp/1colcentred. htm
Các cột bằng nhau.
http. //www. pmob. đồng. anh/temp/2equalisingfloats. htm
http. //www. pmob. đồng. Anh/temp/2equalisingfloats2. htm
center một phần tử không có chiều rộng được chỉ định.
http. //www. pmob. đồng. uk/temp/trung tâm không có chiều rộng. htm
Đã sửa đầu trang và chân trang cho ie và moz.
http. //www. pmob. đồng. uk/temp/fixedlayoutexample2. htm
http. //www. pmob. đồng. uk/temp/fixedlayoutexample3. htm

Phao-lô

Làm cách nào để tránh chồng chéo div trong CSS?

Tại sao các phần tử CSS của tôi chồng lên nhau?