Comprehensive understanding of html.css overflow
<!DOCTYPE html> <!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8"> <style type="text/css"> p{ height: 110px; width: 250px; border: 1px solid red; } .a{overflow: visible; } .b{overflow: hidden; } .c{overflow: scroll; } .d{overflow: auto; } </style> </head> <body> <p class="a" > 我一直在努力,想与你并肩,如今,跟在你身后都不可能了。每个人都曾执着过,最后,该放弃的还是放弃了。也许在你回忆青春时,我不是主角,连配角都算不上,而你,却是我的整个青春。 </p></br> <p class="b" > 我一直在努力,想与你并肩,如今,跟在你身后都不可能了。每个人都曾执着过,最后,该放弃的还是放弃了。也许在你回忆青春时,我不是主角,连配角都算不上,而你,却是我的整个青春。 </p></br> <p class="c" > 我一直在努力,想与你并肩,如今,跟在你身后都不可能了。每个人都曾执着过,最后,该放弃的还是放弃了。也许在你回忆青春时,我不是主角,连配角都算不上,而你,却是我的整个青春。 </p></br> <p class="d" >我一直在努力,想与你并肩,如今,跟在你身后都不可能了。每个人都曾执着过,最后,该放弃的还是放弃了。也许在你回忆青春时,我不是主角,连配角都算不上,而你,却是我的整个青春。 </p></br> </body> </html>