the code is as follows:
solve: why not on the same line?
the code is as follows:
solve: why not on the same line?
intra-line block-level elements have gaps
method one does not wrap
< div class= "site-page" >
<div class="site-nav"></div><div class="site-body"></div> < / div >
if you must wrap the line in order to be beautiful
connect
< div class= "site-page" > with comments
<div class="site-nav"></div><!--
--><div class="site-body"></div> < / div >
Please search for other methods
first of all, let's say that it has nothing to do with hight:100vh.
vw is relative to the width of the window. The width of "window" is 100vw, and "window" refers to the size of the visual area inside the browser, that is, window.innerWidth,. I just tested it on my browser as 1186
if you put
.site-page .site-nav {
width:100%;
}look at the width of the first box (that is, the width of body). Here is 1169, which shows that 100vw is not the width of body, so the second box will squeeze down. If you set the width of the second box to calc (100vw-347px), the two boxes will be on one line.
.site-page .site-body {
width: calc(100vw - 347px);
} in this case, the width of the two boxes plus magin is the width of body, but not 100vw.
the two are different.
.site-page {
height: 100vh;
width: 100vw; //
font-size: 0;
}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 ...
...
...
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. ...
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: `...
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 ...
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. ...
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 ....
mac chamfering effect, the display is abnormal, the code is as follows, please take a look at ...
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...
my Q starts from scratch, but I want him to write ti+= < p claqss= "title-count " > has answered 8 questions + Q claqss= "title-count " > answered 1 question correctly; wrote like this: ti+= < p claqss= "title-count " > answered 8 questions + Q...
html and .tool-container if there is no width:100%;, the default is not full, why? I hope I can simply build a html to paste my code into it and help me find the problem. Thank you ...
regarding the problem of css style, the parent div sets the property of overflow-y:auto, in which the box-shadow attribute of div cannot be displayed on the left and right sides. code is as follows: <div id="box"> <div class=&qu...
the background gives me an interface to tell me the parameters to be passed, and how to click Save to save the address information entered by the user to the address list ...
as shown in the figure above, use css to make a magnification effect when a mouse passes over a square, but as soon as you enlarge a square, the square next to it will be squeezed out or squeezed into the next row. Is there any way to fix the enlarge...
try the events and methods of jqgrid api, are useless, ask the boss what good methods are available ...
the new project found that testing the drop-down on chrome will refresh the page look at Mobile Taobao s implementation of the drop-down and do not know how to achieve it ...
o ...
when I click the button to select a region, there will be three addresses of provinces, cities and regions. I got the value through .html, but the parameters required by the background are separated by city and county. What do I do with the data segmen...
...