The width of the external tag is smaller than that of the internal tag, so how to display it in the internal tag play

the width of the outer tag is smaller than that of the internal tag, so how to display

in the internal tag play?
Css
Mar.10,2021

give the location when the width is fixed: 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .main{
            position: relative;
            width: 100px;
            margin: auto;
            height: 100px;
            border: 1px solid -sharpccc;
        }
        .main .child{
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%,-50%);
            width: 200px;
            height: 100px;
            border: 1px solid -sharp333;
        }
    </style>
</head>

   <div class="main">
       <div class="child">

       </div>
   </div>
<body>

</body>
</html>

If the width of

is fixed, the internal tag uses margin-left:-*px, or translateX ()
. If the width is not fixed, use js to calculate the width difference, and use js to control margin-left;

.

Previous: Gulp package configuration, how to configure a folder, all levels below it

Next: A formula on npm rich text package, vue-cuihovah-ueditor, operation error, please take a look, such as the following picture, thank you

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
© 2021 CodesHelper
Advertising Contact us About us
Menu