The problem of using floats and text overflows when nesting block-level elements?

problem 1: adding css, to the following html code only adds the left floating attribute in the class selector categoryMenu and productsAsideCategorys, but the containing block of these two selectors does not set a float, but the result is the same as the containing block. It is mentioned in the css authoritative guide that "floating elements are limited by the location of their containing blocks", and the end result should be the same as when no floats were added.
question 2: why do the text overlap after adding a class selector.
question 3: there are often a lot of unexpected phenomena when using css. The use of floating and positioning of nested boxes in books will have no effect. I did not say in detail that css books or blogs are recommended by God.


												
							
																								Css
															
							
								Mar.02,2021


					
						
					
										
												Previous: Javascript call problem
												                		Next: Rc.local failed to boot and execute the application written in Go
                							
					
						
					
															
						
														
								Countdown, click event?
								 A timing examination system is triggered if the click event is triggered within 5 seconds, and if it is not triggered, the system marks the correct answer at the end of the countdown. How to implement ...
								
									
																														Html
																				css
																				javascript
																			
									
										Feb.26,2021
									
								
							
														
								Multiple choice questions, how to judge whether the chosen answer is the correct answer?
								
 I got a set of data, which is to choose the type of question. How can I tell if I have chosen the right one 
 answera:  "Olympic Games "  answerb:  "Asian Games "  answerc:  "Paralympic Games "  answerd:  "University Games "  id:  "1772 "  question:  "f...
								
									
																														Javascript
																				css
																				html
																			
									
										Feb.26,2021
									
								
							
														
								Why not pause after alert, but immediately refresh the address, this alert is written by yourself?
								  ...
								
									
																														Html
																				css
																				javascript
																			
									
										Feb.26,2021
									
								
							
														
								The problem of uploading attachments to the mobile version
								 do the gods have plug-ins for uploading attachments in the mobile version that can also be uploaded more than one? ...
								
									
																														Html5
																				node.js
																				css
																				html
																				javascript
																			
									
										Feb.26,2021
									
								
							
														
								What is the current level of support for vw,vh layouts in mobile browsers?
								 what is the current level of support for vw,vh layouts in mobile browsers? ...
								
									
																														Html5
																				javascript
																				css
																				html
																			
									
										Feb.26,2021
									
								
							
														
								Running npm run dev on nuxt will report an error as follows
								  ...
								
									
																														Html5
																				node.js
																				html
																				css
																				javascript
																			
									
										Feb.26,2021
									
								
							
														
								How to implement fixed positioning relative to a specified parent element
								
 the traditional  position: fixed;  is relative to the window, and there are two main points of the problem .

 relative to the specified parent element 
 fixed positioning 

 encountered the following problems in mobile development. The green box is the...
								
									
																														Css
																				html
																				javascript
																			
									
										Feb.26,2021
									
								
							
														
								What fullpage plug-in with arrows and dot navigation
								
 
 
 as shown in the red box of the second picture, is there any recommendation for this plug-in? Thank you.  the screenshot is uploaded, so let  s just look at it. 
 nothing can be found in vueawesome. 
...
								
									
																														Vue.js
																				html5
																				html
																				css
																			
									
										Feb.26,2021
									
								
							
														
								Clear floating and flex layout
								
 I would like to ask why the clear floating code I wrote is invalid.  and. How to use the flex layout to make the horizontal arrangement of the above two div fill the entire screen. The third div is filled with the bottom location.  code is as follows: `...
								
									
																														Html
																				css
																			
									
										Feb.26,2021
									
								
							
														
								Let table be able to separate different colors?
								
 want to explain how to make table different colors?  is not different.  is .
<table>
        <tr>
          <td width="100">a< td>
          <td><a>< td>
        < tr>
        <tr>
        ...
								
									
																														Jquery
																				css3
																				css
																				html5
																				table
																			
									
										Feb.26,2021
									
								
							
														
								How to get user id?
								 there is an h5 page embedded in the encapsulated APP. After the function of issuing an order, how can I get the user  s id to add the address and place the order ...
								
									
																														Html
																				css
																				php
																				javascript
																			
									
										Feb.26,2021
									
								
							
														
								On the problem of element movement in canvas
								
 
 
 A picture grows slowly when it slides up to a certain extent. Why does it bring out a line that has been entangled all night? I can  t find the reason. 
...
								
									
																														Html5
																				html
																				css
																				javascript
																			
									
										Feb.26,2021
									
								
							
														
								Answer questions online? Increase or decrease in data?
								   A similar question, I want to know how to deal with the number of correct answers. I originally wanted to declare a variable and then decide to add it when the answer is right, but not if it is wrong. But what is printed is always 0 and 1 ....
								
									
																														Html
																				css
																				php
																				javascript
																			
									
										Feb.26,2021
									
								
							
														
								The chamfering effect is realized by css under mac, and the display is abnormal.
								
 mac chamfering effect, the display is abnormal, the code is as follows, please take a look at 
   
...
								
									
																														Html
																				css
																			
									
										Feb.26,2021
									
								
							
														
								How to write reset in sass
								
 I wonder if there is any ready-made reset library based on sass, similar to reset.css .
 Please also recommend a responsive framework based on sass (designed to solve responsive problems) 
 or a useful sass mixin library 
...
								
									
																														Css
																				sass
																			
									
										Feb.26,2021
									
								
							
														
								Vue page switching fixed positioning problem
								
<template>
  <div style="height: 100%;">
    <mt-header title="">
      <mt-button icon="back" slot="left" v-tap="{methods: switchView, view:   Post  }">< mt-button>
      &l...
								
									
																														Vue.js
																				html5
																				css
																			
									
										Feb.26,2021
									
								
							
														
								How to make transform move relative to its current position
								 apply the transform attribute to a div, and then click it to add a class name, which is also a transform, in the class, but then it moves relative to the original location. How to make her want to move for the current location? ...
								
									
																														Javascript
																				css
																			
									
										Feb.26,2021
									
								
							
														
								Vue page switching fixed positioning problem?
								
<template>
  <div style="height: 100%;">
    <mt-header title="">
      <mt-button icon="back" slot="left" v-tap="{methods: switchView, view:   Post  }">< mt-button>
      &l...
								
									
																														Css3
																				css
																				html5
																				vue.js
																			
									
										Feb.27,2021
									
								
							
														
								It is worth passing between pages
								 make an answer system, trigger the click event on the answer page (choose the correct answer), and add 1. No mistakes. Now the whole answer is finished. Jump to another page, that is, the answer completion page, how can I get the value of the correct ans...
								
									
																														Html
																				css
																				php
																				javascript
																			
									
										Feb.27,2021
									
								
							
														
								How to set the input box of element when there is no content, the width is 0 and the width is adaptive when there is content.
								 how to set the input box of element when there is no content, the width is 0 and the width is adaptive when there is content ...
								
									
																														Css
																			
									
										Feb.27,2021


				
					
						
	
						
		css
		mysql
		arrays
		josn
		react
		html
		typescript
		webpack
		npm
		sass
		R
		objective-c
		.net
		sql-server
		jquery
		python-3.x
		angularjs
		django
		angular
		excel
		regex
		iphone
		ajax
		linux
		xml
		pandas
		vba
		spring
		database
		wordpress
		string
		wpf
		xcode
		windows
		bash
		postgresql
		oracle
		multithreading
		eclipse
		list
		firebase
		algorithm
		macos
		forms
		image
		scala
		visual-studio
		azure
		bootstrap
		spring-boot
		react-native
		python-2.7
		docker
		performance
		function
		winforms
		matlab
		powershell
		apache
		dataframe
		api
		sqlite
		numpy
		rest
		shell
		selenium
		flutter
		dart
		maven
		loops
		qt
		swing
		android-studio
		csv
		express
		file
		class
		tensorflow
		sorting
		codeigniter
		perl
	
						MySQL Query :  SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5 
 MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1e9e1bb-47772.MAI); waiting for someone to free some space... (errno: 28 "No space left on device") 
 MySQL Errno : 1021 
 Message :  Disk full (/tmp/#sql-temptable-64f5-1e9e1bb-47772.MAI); waiting for someone to free some space... (errno: 28 "No space left on device") 
Need Help?