How to make the child elements in div highly adaptive?

the figure is as follows:

Html5 javascript css

Mar.17,2021

this problem can be solved with flex layout

the same div structure as yours, with letters written in it for ease of reading and distinction. Each div in the style has a background color. The complete code is as follows:


										
												Previous: React, what does this.props stand for here?
												                		Next: How does JavaScript implement a timed execution of a delay method?
                							
					
						
					
															
						
														
								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
									
								
							
														
								As shown in the red border, select the effect of input.
								 Icon shows the red part. Choose how to write the effect in css   ....
								
									
																														Vue.js
																				html5
																				javascript
																				css
																				html
																			
									
										Feb.27,2021
									
								
							
														
								Visual studio what plug-in allows CSS style code to be displayed from less to more?
								
 visual studio what plug-in allows CSS style codes to be displayed from least to more?  sort out from least to most as shown in the following figure 
  
...
								
									
																														Html5
																				javascript
																				css
																			
									
										Feb.28,2021
									
								
							
														
								How to achieve this dynamic effect?
								
 

 
 this animation seems to be an animation with a height of 0 to 100%. How can it be realized? 
...
								
									
																														Html5
																				javascript
																				css
																			
									
										Mar.02,2021
									
								
							
														
								Click upload of html added by layui.upload.render with js is invalid
								            $("-sharpadd_link").click(function(){
                var link_html = "<div class=  "linkAll_inn  ">" +
                    "<div class=  "activity_theme  ">" +
                    ...
								
									
																														Html5
																				javascript
																				css
																				html
																			
									
										Mar.02,2021
									
								
							
														
								Verification code style problem
								
  
 how is the style of CAPTCHA realized? how to find the principle!  question: is there an input for each number? Find the solution 
...
								
									
																														Html5
																				javascript
																				css
																				html
																			
									
										Mar.04,2021
									
								
							
														
								The style for table paging.
								
 A table may have multiple pieces of data, and you can show a different number of entries by selecting different data to be displayed on each page, so here  s the problem: I want to position the pages absolutely. Cannot be positioned relative to the brow...
								
									
																														Html5
																				javascript
																				css
																			
									
										Mar.04,2021
									
								
							
														
								Could you tell me how to write the css layout @ media media query for compatible notebooks?
								 the current project is compatible with laptops and desktops.  but what is the size of the notebook?  Notebook  @ media  how to write ...
								
									
																														Html5
																				javascript
																				css
																			
									
										Mar.07,2021
									
								
							
														
								Problems with installation and use of webpack
								
   step:  1. First, npm install webpack-g  2. Later, npm install webpack@1.15.0 was installed locally-- save-dev  3. Then execute webpack-v  4. Prompt: The CLI moved into a separate package: webpack-cli 
Would you like to install webpack-cli? (That will ...
								
									
																														Html
																				node.js
																				html5
																				javascript
																				css
																			
									
										Mar.09,2021
									
								
							
														
								Android phone video top level, search unsolved, ask for help!
								
 the video will block the buttons below, ios, everything is fine, Android problems  z-index is invalid  absolute positioning is not valid  nail built-in browser 
 or is there an alternative to make the style look good  
 
...
								
									
																														Html5
																				javascript
																				css
																				html
																			
									
										Mar.10,2021
									
								
							
														
								Is there any more elegant way for mobile web to display content above the phone's keyboard?
								
  position:fixed;bottom: 0;  perfect solution 
. It took me a long time to use  height:100%;display:flex; align-self:end , 
 found a  position:fixed;bottom: 0;  perfect solution 
 I solved  using  height:100%;display:flex; align-self:end; 
*{
    margin:...
								
									
																														Web-app
																				html5
																				javascript
																				css
																				webapp
																			
									
										Mar.10,2021
									
								
							
														
								How to avoid the rotation of the horizontal and vertical screen at the mobile end
								 because we are currently preparing the vw vh layout method and vertical screen application, but a horizontal screen equals to the exchange of vw and vh, and the interface is deformed. How to avoid this situation? ...
								
									
																														Html5
																				javascript
																				css
																			
									
										Mar.16,2021
									
								
							
														
								El-upload upload can change the name= file in the image to name=content.
								
 < el-upload 
                  class="upload-demo"
                  ref="upload"
                  action="http:  localhost:8090 opus add"
                  :data="mage"
                  :on-exceed="handleE...
								
									
																														Html5
																				javascript
																				css
																				html
																			
									
										Mar.17,2021
									
								
							
														
								How to add color only to the pentagram inside, but not to the whole square?
								  ...
								
									
																														Html
																				html5
																				javascript
																				css
																			
									
										Mar.29,2021
									
								
							
														
								Css changes font color according to background color
								
  
 adjust the font color according to the background color. When the blue background obscures the font, the color becomes white. Now it  s half covered how to change the color of the font 
...
								
									
																														Html5
																				javascript
																				css
																			
									
										Apr.05,2021
									
								
							
														
								Ios browser mask level dislocation
								
 this weird problem occurs with masks when out of focus. Appears only in iOS 
  
...
								
									
																														Sass
																				html5
																				javascript
																				css
																				react-native
																			
									
										Apr.07,2021
									
								
							
														
								Vue project, how to introduce real-time weather into the top navigation bar
								
  
 the weather forecast is in the top navigation bar of the project. I don  t know how to achieve this 
...
								
									
																														Html5
																				javascript
																				css
																			
									
										Apr.07,2021
									
								
							
														
								Is it necessary to use class libraries like fastclick,tap?
								
 these class libraries are designed to solve the 300ms delay and the emergence of point-through bug. 
 when I first transferred to mobile development, I didn  t think too much about it. I found several articles that mentioned these issues. The proposed s...
								
									
																														Html5
																				javascript
																				css
																				html
																			
									
										Apr.09,2021
									
								
							
														
								Vue keep-alive and update data
								
<div id="app">
        <!---->
        <keep-alive>
            <router-view v-if="$route.meta.keepAlive">< router-view>
        < keep-alive>
        <router-view v-if="!$route.meta.keepAli...
								
									
																														Html
																				html5
																				javascript
																				css
																			
									
										Apr.11,2021
									
								
							
														
								Swiper multi-column layout cannot loop?
								var mySwiper = new Swiper(  .swiper-container  ,{
  direction:   vertical  ,
  loop: true,
  autoplay: {
    delay: 1000,
  },  
  slidesPerView: 5,
  slidesPerColumn: 2,
})

loop...
								
									
																														Html5
																				javascript
																				css
																				html
																			
									
										Apr.11,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-287d71d-15dd3.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-287d71d-15dd3.MAI); waiting for someone to free some space... (errno: 28 "No space left on device") 
Need Help?